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内 容 简 介 


本 书 共 15 章 ， 围 绕 Visual Studio 2010 下 的 MVC 开发 ， 首 先 介绍 MVC 环境 的 搭建 及 其 与 三 层 的 区 别 ， 
并 创建 了 第 一 个 MVC 项 目 ， 然 后 重点 对 MVC 中 的 路 由 、 控 制 器 、 模 型 、 视 图 、 页 面 辅助 类 以 及 如 何 利用 
WebFrom 控件 和 自 定义 视图 引擎 进行 讲解 ， 同 时 还 包括 过 滤器 、 异 常 处 理 、 整 合 jQuery 和 Ajax， 以 及 单元 测 
试 等 高 级 课题 。 本 书 结构 规范 ， 讲 解 详 略 得 体 ， 选 例 典 型 、 实 用 ， 学 练 结合 ， 能 有 效 提高 学 习 成 效 。 

本 书 适合 具有 一 定 ASPNET 基础 和 希望 通过 MVC 提高 技能 的 读者 ， 同 时 也 适合 ASPNET MVC 的 初学 
者 学 习 ， 还 可 作为 相关 培训 机 构 的 教材 及 参考 书 。 
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MVC 是 一 种 设计 模式 ， 它 把 应 用 程序 分 成 3 个 核心 模块 : 模型 、 视 图 和 控制 器 ， 它 们 各 
自 处 理 自己 的 任务 。 在 Java 中 的 应 用 非常 成 熟 ， 其 他 Web 编程 语言 也 有 其 对 应 的 MVC 框架 ， 
像 PHP 和 Ruby 等 。 

ASP.NET MVC 是 微软 今后 开发 Web 应 用 程序 的 一 个 主流 技术 。Microsoft 推出 的 Front 
Controller 式 Web 开发 模型 弥补 了 ASPNET 对 HTML 的 控制 能 力 不 足 ， 单 元 测试 较为 困难 等 
缺点 。 一 经 推出 ， 就 受到 广大 程序 员 的 欢迎 。 目 前 的 最 新 正式 版 本 为 ASPNET MVC 2.0， 也 
是 本 书 中 采用 的 版 本 。 

本 书 内容 

第 1 章 ” ”从头 开始 学 ASP.NET MVC 框架 。 本 章 介 绍 在 Visual Studio 2010 中 创建 ASP.NET 
MVC 应 用 程序 和 单元 测试 项 目的 方法 ， 讲 解 了 关于 MVC 的 一 些 重要 概念 ， 帮 助 读者 快速 入 
门 ， 例 如 什么 是 MVC、MVC 与 三 层 的 区 别 以 及 ASPNET MVC 的 简介 等 。 

第 2 章 畅通 无 阻 一 一 管理 URLRouting。 本 章 我 们 来 学 习 URLRouting 的 配置 规则 ， 了 解 
URLRouting 和 URL 重 写 的 区 别 ， 然 后 学 习 使 用 工具 调试 URLRouting。 

第 3 章 Controller 及 Action。 本 章 介绍 ASPNET MVC 中 控制 器 和 动作 ,然后 使 用 Response. 
Write() 方 法 在 Action 中 直接 输出 一 个 Web 页 面 ， 了 解 Action 的 返回 值 ， 以 及 带 参数 Action 的 
用 法 ， 最 后 了 解 使 用 RedirectToAction() 方 法 执行 动作 之 间 的 跳 转 。 

第 4 章 Model。 本 章 主要 介绍 Model 在 MVC 中 所 扮演 的 角色 以 及 Model 的 重要 性 。 

第 5 章 简单 实现 绚丽 的 界面 。 本 章 主要 介绍 什么 是 View 以 及 View 在 MVC 中 的 地 位 ， 
同时 讲解 Controller 向 页 面 视图 中 传递 数据 的 方法 和 强 类 型 的 数据 传递 方式 。 

第 6 章 页 面 辅助 类 .掌握 页 面 辅助 类 HtmlHelper 的 使 用 方法 和 URL 辅助 类 的 使 用 方法 。 

第 7 章 在 View 中 使 用 WebForm 控件 。 本 章 先 介绍 ASP.NET MVC 默认 视图 的 不 足 ， 
然后 教 读者 如 何 使 用 WebForm 服务 器 端 控 件 解决 这 个 问题 ， 并 讲解 在 MVC 视图 中 使 用 
Repeater 和 DataList 控件 的 用 法 。 

第 8 章 自 定 义 视图 引擎 。 本 章 介 绍 ASP.NET MVC 应 用 程序 生成 视图 的 原理 ,然后 引入 
一 个 StringTemplate 模板 引擎 来 帮助 我 们 生成 视图 ， 最 后 使 用 ASP.NET MVC 提供 的 接口 自 定 
义 一 个 视图 引擎 。 

第 9 章 ， 过 滤器 。 本 章 介绍 应 用 于 Action 或 Controller 的 过 滤器 的 设置 方法 ， 然 后 讲解 组 
存 过 滤器 、 异 常 过 滤器 等 系统 提供 的 几 种 过 滤器 。 

第 10 章 MVC 异常 处 理 技巧 。 本 章 介绍 全 局 异常 处 理 的 方法 ， 讲 解 如 何 使 用 异常 过 滤器 
来 处 理应 用 程序 异常 ， 最 后 简单 叙述 路 由 异常 和 动作 异常 的 处 理 方法 。 

第 11 章 MVC 中 jQuery 的 应 用 。 本章 介 绍 JavaScript 框架 jQuery 的 基本 用 法 , 其 中 包括 
jQuery 的 选择 器 和 过 滤器 ， 以 及 对 页 面 元 素 的 搜索 ， 掌 握 jQuery 表单 、CSS 等 的 操作 ， 另 外 
讲解 了 一 些 高 级 应 用 ， 比 如 jQuery 动画 的 用 法 ， 日 历 控件 的 用 法 和 对 话 框 控 件 的 用 法 等 。 

第 12 章 ， 注入 Ajax 特性 的 MV。 本 章 介绍 ASPNET MVC 中 Ajax 的 使 用 方法 。 先 简单 
了 解 使 用 手工 编写 JavaScript 的 方式 实现 Ajax 功能 ， 然 后 使 用 jQuery 提供 的 一 些 方法 方便 地 
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实现 Ajax 的 操作 。 

第 13 章 单元 测试 .本 章 介绍 单元 测试 的 意义 和 测试 驱动 开发 (TDD) 的 思想 ,然后 使 用 Visual 
Studio 内 置 的 测试 功能 对 MVC 中 的 URLRouting 进行 单元 测试 ， 最 后 学 习 对 Controller 中 的 
Action 进行 单元 测试 。 

第 14 章 MVC 博客 系统 。 本 章 介绍 采用 MVC 开发 博客 管理 系统 的 整个 过 程 ， 包 含 系统 
分 析 、 数 据 库 设计 、 系 统 设计 、 文 章 浏览 、 用 户 登录 以 及 添加 文章 栏目 等 功能 。 

第 15 章 通讯 录 系 统 。 本 章 介 绍 通讯 录 管 理 系统 的 功能 模块 设计 和 数据 库 设计 方案 ， 以 
及 通讯 录 中 用 户 、 照 片 、 权 限 和 留言 模块 的 实现 。 

本 书 特色 

本 书 的 大 量 内 容 来 自 真实 ASP.NET MVC 项 目 , 力求 通过 读者 实际 操作 时 的 问答 方式 , 使 
读者 更 容易 掌握 MVC 的 管理 和 操作 。 本 书 难度 适中 ， 内 容 由 浅 入 深 ， 实 用 性 强 ， 和 覆盖 面 广 ， 
条 理 清晰 。 

(1) 结构 独特 。 通 过 “网 络 教学 一 基础 知识 一 实例 描述 一 实例 应 用 一 运行 结果 一 实例 分 析 ” 
形式 将 每 个 知识 点 与 实际 应 用 中 的 问题 相 结 合 。 

(2) 形式 新 颖 。 用 准确 的 语言 总 结 概念 ， 用 直观 的 图 示 演示 过 程 ， 用 详细 的 注释 解释 代码 ， 
用 形象 的 比方 帮助 记忆 。 

(3) 技术 文档 。 将 一 些 非常 简单 的 知识 点 或 者 理论 性 的 内 容 安 排 在 这 里 ， 通 常 这 些 文档 让 
读者 了 解 有 关 的 概念 和 术语 。 

(4) 内 容 丰 富 。 涵盖 了 实际 开发 中 ASP.NET 技术 所 遇 到 的 URLRouting、Controller、View、 
过 滤器 、 视 图 引擎 、jQuery、Ajax 和 单元 测试 等 方面 的 热点 问题 。 

(5) 随 书 光盘 。 本 书 为 实例 配备 了 视频 教学 文件 ， 读 者 可 以 通过 视频 文件 更 加 直观 地 学 习 
ASP.NET MVC 的 知识 。 

(6) 网 站 技术 支持 。 读 者 在 学 习 或 者 工作 的 过 程 中 ， 如 果 遇 到 实际 问题 ， 可 以 直接 登录 
www.itzcn.com 与 我 们 取得 联系 ， 作 者 会 在 第 一 时 间 给 予 帮助 。 

(7) 贴心 的 提示 。 为 了 便于 读者 阅读 ， 书 中 穿插 一 些 技巧 、 提 示 等 小 贴 士 ， 体 例 约定 如 下 。 

@ ”提示 : 通常 是 一 些 贴心 的 提醒 ， 加 深 印 象 或 提供 建议 ， 以 及 解决 问题 的 方法 。 

@ 注意 : 提出 学 习 过 程 中 需要 特别 注意 的 一 些 知识 点 和 内 容 ， 或 者 相关 信息 。 

@ 技巧 : 通过 简短 的 文字 ， 指 出 应 用 知识 的 小 窍门 。 

读者 对 象 

本 书 具 有 知识 全 面 、 实 例 精 彩 及 指导 性 强 的 特点 ， 力 求 以 全 面 的 知识 点 及 丰富 的 实例 来 指 
导读 者 透彻 地 学 习 ASPNET MVC 网 络 软件 开发 。 本 书 可 以 作为 ASP.NET MVC 的 入 门 书籍 
也 可 以 帮助 中 级 读者 提高 技能 ， 对 高 级 读者 也 有 一 定 的 启发 意义 。 

本 书 适合 以 下 人 员 阅 读 学 习 : 

@ ASPNET MVC 初学 者 以 及 在 校 学 生 。 

网 站 开发 人 员 。 

网 站 维护 人 员 。 

网 页 制作 爱好 者 。 

各 大 、 中 专 院 校 的 在 校 学 生 和 相关 授课 老师 。 
其 他 ASPNET 从 业 人 员 。 


作者 团队 

本 书 主要 由 杨 晓 军 、 秦 方 编写 ， 其 他 参与 编写 、 资 料 整理 、 程 序 开发 的 人 员 还 有 张 凡 、 周 
衡 坤 、 郭 旭 辉 、 刘 小 丹 、 王 咏 梅 、 孙 晓 芳 、 郝 春雨 、 卢 江 等 。 

由 于 编者 水 平 有 限 ， 书 中 难免 存在 不 足 和 朴 漏 之 处 ， 奶 请 读者 批评 指正 。 
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框架 


内 容 摘 要 


MVC 模式 的 概念 很 早 就 提出 来 了 ,而 且 在 Java 中 的 应 用 非常 成 熟 , 其 他 Web 编程 语言 也 
有 其 对 应 的 MVC 框架 ， 像 PHP 和 Ruby 等 。 

相 比 较 而 言 ，ASP.NET 的 起 步 比较 晚 ， 算 是 后 起 之 秀 ， 它 解决 了 传统 ASP.NET WebForm 
编程 具有 的 高 度 封装 和 制作 高 性 能 网 站 的 效率 瓶颈 。 一 经 推出 ， 便 受到 广大 程序 员 的 欢迎 。 

目前 最 新 正式 版 本 为 ASP.NET MVC 2.0， 也 是 本 书 采 用 的 版 本 。 通 过 本 章 的 学 习 ， 读 者 
可 以 在 Visual Studio 2010 中 轻松 地 创建 ASP.NET MVC 应 用 程序 ,查看 目录 结构 和 MVC 路 由 ， 
以 及 为 其 添加 单元 测试 项 目 。 

此 外 ， 本 章 还 准备 了 一 些 基础 知识 ， 对 学 习 MVC 时 的 重要 概念 进行 讲解 ， 帮 助 读者 快速 
入 门 。 像 什么 是 MVC，MVC 与 三 层 的 区 别 以 及 ASP.NET MVC 的 简介 等 。 

学 习 目 标 

@ 了 解 什 么 是 MVC 及 其 组 成 部 分 
了 解 MVC 与 ASPNET MVC 的 关系 
了 解 ASPNET MVC 与 WebForm 的 区 别 
掌握 ASP.NET MVC 应 用 程序 的 创建 过 程 
熟悉 ASP.NET MVC 应 用 程序 的 命名 空间 以 及 目录 结构 
了 解 ASP.NET MVC 路 由 的 作用 
了 解 ASP.NET MVC 应 用 程序 中 模型 、 视 图 和 控制 器 的 定义 
熟悉 ASPNET MVC 应 用 程序 单元 测试 的 方法 
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1.1 MVC 与 三 层 架 构 之 间 的 抉择 


在 开始 ASPNET MVC 2.0 的 学 习 之 前 ， 我 们 得 先 弄 明白 什么 是 MVC? 
简单 地 说 ，MVC 就 是 Model“View”Controller 的 缩写 ， 中 文 直译 意思 为 “模型 、 视 图 、 
控制 器 ”。 


得 
?视频 教学 : 光盘 /videos/01/1.1 MVC 简介 人 @@ 长 度 :10 分钟 


1.1.1 基础 知识 一 一 MVC 简介 


抛 开具 体 的 开发 语言 来 讲 ，MVC 是 一 种 软件 开发 的 架构 模式 ， 也 算是 一 种 思想 。 在 MVC 
模式 中 将 软件 系统 分 为 模型 、 视 图 和 控制 器 三 个 基本 部 分 。 

它们 各 司 其 职 ， 相 互 独立 ， 又 具有 联系 ， 图 1-1 是 MVC 三 部 分 的 示意 图 。 

@ ”模型 ”负责 对 整个 软件 项 目 数据 和 业务 的 封装 和 管理 。 

@ 视图 负责 给 用 户 传递 信息 ， 并 收集 用 户 提交 的 信息 。 

@ ”控制 器 负责 控制 视图 的 展示 逮 辑 。 


模型 (Model) 


视图 (View) < 控制 器 (Controller) 


图 1-1 MVC 示意 图 


1. MVC 工作 模式 


1) 视图 

视图 是 用 户 看 到 并 与 之 交互 的 界面 。 对 老式 的 Web 应 用 程序 来 说 ， 视 图 就 是 由 HTML 元 
素 组 成 的 界面 ， 在 新 式 的 Web 应 用 程序 中 ，HTML 依旧 在 视图 中 扮演 着 重要 的 角色 。 但 一 些 
新 的 技术 层出不穷 , 它们 包括 Flash、XHTML、 XML/XSL 和 WML 等 标识 语言 和 Web Services。 

如 何 处 理应 用 程序 的 界面 变 得 越 来 越 有 挑战 性 。MVC 的 一 大 好 处 就 是 它 能 为 你 的 应 用 程 
序 处 理 很 多 不 同 的 视图 。 在 视图 中 其 实 没 有 真正 的 处 理发 生 ， 不 管 这 些 数据 是 联机 存储 的 还 是 
一 个 雇员 列表 ， 作 为 视图 来 讲 ， 它 只 是 作为 一 种 输出 数据 并 允许 用 户 操 纵 的 方式 。 


mf >> 
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2) 模型 

模型 表示 企业 数据 和 业务 规则 。 在 MVC 的 三 个 部 分 中 , 模型 拥有 最 多 的 处 理 任务 。 例 如 ， 
它 可 能 用 EJB 这 样 的 组 件 对 象 来 处 理 数据 库 。 被 模型 返回 的 数据 是 中 立 的 , 也 就 是 说 模型 与 数 
据 格式 无 关 ， 这样 一 个 模型 能 为 多 个 视图 提供 数据 。 由 于 应 用 于 模型 的 代码 只 需 写 一 次 就 可 以 
被 多 个 视图 重用 ， 所 以 减少 了 代码 的 重复 性 。 

3) 控制 器 

控制 器 接受 用 户 的 输入 并 调用 模型 和 视图 去 完成 用 户 的 需求 。 单 击 Web 页 面 中 的 超 链接 
和 发 送 HTML 表单 时 ， 控 制 器 本 身 不 输出 任何 东西 和 做 任何 处 理 。 它 只 是 接收 请 求 并 决定 调 
用 哪个 模型 组 件 去 处 理 请 求 ， 然 后 确定 用 哪个 视图 来 显示 模型 处 理 返 回 的 数据 。 


2. MVC 优点 


在 使 用 ASP 或 者 PHP 开发 Web 应 用 时 ， 初 始 的 开发 模板 就 是 混合 层 的 数据 编程 。 例 如 
直接 向 数据 库 发 送 请 求 并 用 HTML 显示 ， 开 发 速度 往往 比较 快 。 但 由 于 数据 页 面 的 分 离 不 是 
很 直接 ， 因 而 很 难 体现 出 业务 模型 的 样子 或 者 模型 的 重用 性 ， 也 很 难 满足 用 户 的 变化 性 需求 。 

MVC 要 求 对 应 用 分 层 ， 虽 然 要 花费 额外 的 工作 ， 但 产品 的 结构 清晰 ， 产 品 的 应 用 通过 模 
型 可 以 更 好 地 体现 。 

首先 ， 最 重要 的 是 应 该 有 多 个 视图 对 应 一 个 模型 的 能 力 。 在 目前 用 户 需 求 的 快速 变化 下 ， 
可 能 有 多 种 方式 访问 应 用 的 要 求 。 

例如 ， 订 单 模型 可 能 有 本 系统 的 订单 ， 也 有 了 网 上 订单 ， 或 者 其 他 系统 的 订单 ， 但 对 于 订单 
的 处 理 都 一 样 ， 也 就 是 说 订单 的 处 理 是 一 致 的 。 按 MVC 设计 模式 ， 一 个 订单 模型 以 及 多 个 视 
图 即 可 解决 问题 。 这 样 减少 了 代码 的 复制 ， 即 减少 了 代码 的 维护 量 ， 一 旦 模型 发 生 改变 ， 也 易 
于 维护 。 

其 次 ， 由 于 模型 返回 的 数据 不 带 任何 显示 格式 ， 因 而 这 些 模型 也 可 被 直接 应 用 于 接口 。 

再 次 ， 由 于 一 个 应 用 被 分 离 为 三 层 ， 因 此 有 时 改变 其 中 的 一 层 就 能 满足 应 用 的 改变 。 应 用 
的 业务 流程 或 者 业务 规则 的 改变 只 需 改动 MVC 的 模型 层 即 可 。 

控制 层 的 概念 也 很 有 效 ， 由 于 它 把 不 同 的 模型 和 不 同 的 视图 组 合 在 一 起 来 完成 不 同 的 请 
求 ， 因 此 控制 层 可 以 说 是 包含 了 用 户 请 求 权限 的 概念 。 

最 后 ， 它 还 有 利于 软件 工程 化 管理 。 由 于 不 同 的 层 各 司 其 职 ， 每 一 层 上 不 同 的 应 用 具有 某 
些 相同 的 特征 ， 有 利于 通过 工程 化 和 工具 化 产生 管理 程序 代码 。 


3. MVC 缺点 


凡事 都 不 是 绝对 的 ，MVC 亦 是 如 此 。MVC 也 不 是 最 先进 、 最 优秀 或 者 最 好 的 选择 ， 其 缺 
点 主要 体现 在 以 下 几 个 方面 。 

1) 增加 了 系统 结构 和 实现 的 复杂 性 

对 于 简单 的 界面 ， 严 格 遵循 MVC， 使 模型 、 视 图 与 控制 器 分 离 ， 会 增加 结构 的 复杂 性 ， 
可 能 产生 过 多 的 更 新 操作 ， 从 而 降低 了 运行 效率 。 

2) 视图 与 控制 器 间 过 于 紧密 的 连接 

视图 与 控制 器 是 相互 分 离 的 ， 但 是 又 有 紧密 联系 的 部 分 ， 如 果 视 图 没有 控制 器 的 存在 ， 那 
么 它 的 应 用 是 很 有 限 的 。 反 之 亦 然 ， 这 样 就 妨碍 了 它们 的 独立 重用 。 
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3) 视图 对 于 模型 数据 的 低 效率 访问 

依据 模型 操作 接口 的 不 同 ， 视 图 可 能 需要 多 次 调用 才能 获得 足够 的 显示 数据 。 对 未 变化 数 
据 的 不 必要 的 频繁 访问 ， 也 将 损害 操作 性 能 。 

目前 ， 一 般 高 级 的 界面 工具 或 者 构造 器 不 支持 MVC 架构 。 改 造 这 些 工 具 以 适应 MVC 需 
要 和 建立 分 离 部 分 的 代价 是 很 高 的 ， 从 而 造成 使 用 MVC 的 困难 。 


1.1.2 实例 描述 


MVC 与 三 层 架 构 的 区 别 是 什么 ? 

关于 这 个 问题 从 来 都 不 缺 内 容 ， 可 以 从 网 上 的 博客 、 论 坛 再 到 面试 题 等 各 个 地 方 的 出 处 足 
以 见得 话题 之 多 之 广 。 

然而 ， 回 答 也 是 仁者 见 仁 ， 智 者 见 智 。 从 学 术 角 度 来 说 ， 无 论 是 MVC 还 三 层 架 构 ， 都 是 
为 了 解决 实际 软件 开发 过 程 中 遇 到 问题 的 统筹 方法 , 所 以 从 它们 所 解决 的 问题 的 角度 来 比较 是 
最 为 合适 的 。 


1.1.3 ”实例 应 用 


三 层 架 构 分 为 界面 层 、 业 务 逻 辑 层 和 数据 访问 层 。 很 多 人 就 将 MVC 里 的 三 个 部 分 与 三 层 
架构 等 同 起 来 ， 认 为 界面 层 等 于 View， 业 务 逻辑 层 等 于 Controller， 数 据 访 问 层 等 于 Model， 
但 这 是 完全 错误 的 。 

MVC 三 层 架 构 主 要 表现 为 如 下 几 点 。 

@ MVC 设计 模式 解决 的 是 页 面 代 码 、 页 面 控制 允 辑 和 数据 耦合 的 问题 。 它 属于 界面 层 ， 

例如 ，ASP.NET MVC 和 Struts 都 是 界面 层 框架 。 
@ MVC 里 的 Controller 负责 对 页 面 进行 控制 ， 像 页 面 间 跳 转 ， 显 示 逻 辑 等 。 三 层 架 构 里 
的 业务 逻辑 主要 是 对 业务 实体 数据 的 加 工 ， 把 加 工 后 的 数据 传 给 页 面 显 示 。 

@ MVC 里 的 Model 只 是 数据 实体 ， 不 具备 什么 增 、 删 、 改 、 查 的 功能 ， 它 接收 的 数据 
是 从 业务 逻辑 层 处 理 好 传 过 来 的 数据 。 而 三 层 架 构 里 的 数据 访问 层 具 有 增 、 删 、 改 、 
查 功 能 ， 直 接 对 数据 库 操作 ， 为 业务 逻辑 提供 数据 支持 。 


1.1.4 实例 分 析 


启 源码 解析 


通过 本 节 的 内 容 ， 读 者 需要 再 清 这 样 几 点 。 

(1) MVC 是 由 模型 、 视 图 和 控制 器 三 部 分 组 成 的 ， 它 们 负责 的 功能 不 同 ， 是 相互 独立 的 。 
(2) 如 何 协 调和 区 分 MVC 每 个 部 分 的 工作 模式 。 

(3) MVC 不 是 神 ， 认 识 将 项 目 MVC 化 的 优点 与 缺点 。 

(4) MVC 不 等 于 三 层 架 构 ， 了 解 两 者 之 间 的 差别 。 
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1.2” MVC 的 应 用 现状 


MVC 时 代 来 临 了 ， 但 是 一 开始 是 不 被 很 多 人 接受 的 。 主 要 的 原因 可 能 是 : 大 家 不 得 不 告 
别 拖拉 控件 的 至 爽 感受 ， 回 到 貌似 ASP 的 历史 岁月 。 

所 以 ， 心 有 不 甘 是 可 以 理解 的 ， 然 而 时 代 显 然 是 进步 的 。 我 们 虽然 必须 在 View 中 进行 很 
多 HTML 代码 的 工作 ， 但 是 MVC 为 我 们 提供 了 可 以 堪 称 完美 的 方案 。 

现在 ， 我 们 就 来 看 看 哪些 成 熟 的 技术 中 有 MVC 的 身影 。 
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1.2.1 实例 描述 


随 着 语言 的 不 断 成 熟 以 及 网 络 服务 器 软件 的 不 断 发 展 ，MVC 很 快 就 发 现 其 在 Web 应 用 程 
序 体系 结构 中 的 用 武之 地 。 但 是 直到 2004 年 7 月 ，MVC 才 开 始 大 行 其 道 。 

后 来 出 现 了 很 多 的 网 络 开发 架构 ， 而 MVC 作为 这 个 市 场 的 新 穹 有 很 多 厂商 追捧 。 

理解 ASP.NET MVC 的 最 佳 方式 就 是 先 简单 了 解 一 下 其 他 一 些 选择 。 


1.2.2 ”实例 应 用 


目前 ,在 互联 网 上 主流 的 应 用 都 是 使 用 Java、PHP、Rails、Python 或 者 ASP.NET 开发 的 ， 
而 且 它 们 都 在 不 同 程度 上 支持 MVC 架构 ， 下 面 就 来 认识 一 下 这 些 技术 。 

1) Struts 和 Java 

在 Java 领域 ，Struts 是 使 用 最 多 的 MVC 架构。 此 外 ， 还 有 其 他 一 些 架构 (例如 ，Spring 和 
JSP)， 但 是 Struts 无 疑 是 最 好 的 。 

Struts 于 2001 年 6 月 发 布 ， 后 来 WebWorks 和 Struts 团体 合并 ， 并 创建 了 Struts 2。Stmts 
常常 被 认为 是 标准 的 架构 ， 并 且 越 来 越 多 地 与 Spring 架构 一 起 使 用 。 

2) Zend 架构 和 PHP 

尽管 Web 的 很 多 技术 都 是 在 PHP 上 运行 的 ， 但 是 PHP 应 用 程序 似乎 没有 对 Web 有 足够 
的 重视 。 很 多 开发 人 员 认 为 PHP 鼓励 面条 式 的 代码 ， 而 且 也 不 难 找到 用 名 为 index.php 的 单个 
文件 编写 的 整个 PHP 应 用 程序 。 

Zend 架构 (Zend Framework，ZF) 是 一 个 用 PHPS5 实现 的 开放 源码 的 Web 应 用 程序 架构 。 
在 向 PHP 开发 人 员 提 供 某 种 弹性 的 同时 ，PHP5 试图 给 PHP 的 应 用 程序 开发 带 来 一 些 正式 的 
东西 。 因 为 Zend 架构 提倡 的 是 按 意愿 使 用 (use-at-wil) 的 哲学 ， 所 以 不 要 求 开 发 人 员 使 用 这 些 
组 件 。 

此 外 ，ZF 在 可 行 的 时 候 使 用 了 配置 上 的 约定 来 实现 前 端 控制 器 的 模型 。 它 包括 自己 的 视 
图 模板 引擎 ， 同 时 支持 插入 到 其 他 可 蔡 换 的 视图 中 。 

3) Ruby on Rails 

Ruby on Rails( 简 称 Rails) 是 为 Web 创建 的 最 受 欢 迎 的 MVC 架构 之 一 ， 它 的 工作 基于 如 下 


< 人 mm 
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两 个 主要 指导 原则 。 
@ 约定 胜 于 配置 ”其 主要 思想 是 作为 已 经 进行 网 络 开发 多 年 的 开发 人 员 , 那么 就 一 定 会 
有 一 些 同 性 的 问题 ， 可 以 让 其 成 为 架构 的 一 部 分 。 
@ 不 要 重复 工作 或 要 保持 DRY 这 用 于 集中 应 用 程序 和 代码 的 逻辑 。 如 果 心 中 始终 保 
持 这 一 念头 ， 那 么 就 会 发 现 自己 编写 的 代码 要 少 很 多 。 
此 外 ，Rails 还 包括 路 由 的 概念 并 通过 config/routesrb 将 URL 映射 到 适当 的 控制 器 上 ， 例 
如 下 面 的 Rails 命令 。 


map .connect ':controller/:action/:id' 


将 把 任何 URL 通过 这 个 通用 的 格式 发 送 到 适当 的 控制 器 动作 方法 中 , 并 将 ID 作为 一 个 参 
数 传递 下 去 。 因 此 ，www-.itzcn.com/news/page/10 将 被 发 送 到 NewsController 的 Page 动作 中 ， 
传递 id 参数 为 10。 

4) Django 和 Python 

Django 使 用 了 Python 语言 并 注重 整洁 的 设计 ， 将 注意 力 放 在 尽 可 能 地 进行 自动 化 设计 上 
并 重视 DRY 原则 。 

与 Rails 一 样 ，Django 还 包括 自动 生成 管理 接口 的 能 力 ， 常 常 称 作 脚 手 架 。 它 包括 一 个 可 
插入 的 模板 系统 ， 人 允许 通 过 继承 来 进行 模板 重用 ， 从 而 尽 可 能 地 避免 元 余 。 

在 几乎 所 有 主要 的 MVC 网 络 架构 中 都 能 找到 路 由 的 概念 ，Django 也 不 例外 。 在 Django 
中 ， 路 由 是 在 一 个 名 为 urls.py 的 文件 中 声明 的 。Django 使 用 了 正则 表达 式 (Regular Expression) 
来 映射 URL 和 方法 之 间 的 关系 。 例 如 ， 下 面 的 代码 片段 : 


(r'^(?P<object id>\d+)/news/page/$', 'store.news.view'), 


以 wwwitzcn.com/news/page/10 的 格式 将 任何 URL 发 送 到 名 为 store.news.view 的 Django 
函数 中 ， 并 将 值 为 10 的 参数 id 传递 进来 。 

5) MonoRail 

MonoRail 是 第 一 个 基于 ASP.NET 的 模型 -视图 -控制 器 架构 ， 它 的 开发 者 Castle Project 是 
受到 Ruby on Rails 的 灵感 启发 。 

创建 MonoRail 的 目的 是 解决 在 使 用 WebForm 受挫 时 所 带 来 的 问题 ， 简 化 标准 的 
WebForm 范例 。MonoRail 包括 一 个 前 端 控 制 器 的 体系 结构 ， 指 向 应 用 程序 中 的 入 口 是 控 制 器 
的 一 个 实例 。 这 与 Page 的 实例 不 同 ，Page 的 实例 是 指向 ASP.NET 的 WebForm 应 用 程序 中 的 
标准 入 口 。 

MonoRail 是 一 个 非常 具有 弹性 的 .NET 应 用 程序 架构 ， 人 允许 插入 和 使 用 各 种 组 件 。 它 具有 
很 多 可 扩充 的 点 ， 且 描述 性 很 强 ， 默 认 情 况 下 可 以 引入 很 多 开放 源 代码 的 程序 ， 例 如 Castle 自 
己 的 ActiveRecord、NHibernate for Models 和 log4net for logging 等 。 


1.2.3 实例 分 析 


Bs 


本 节 我 们 将 对 主流 开发 语言 中 MVC 的 应 用 框架 有 一 定 认识 。 


mf >> 
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很 多 年 来 ，MVC 模式 一 直 都 是 计算 机 科学 中 非常 重要 的 体系 结构 模式 。 自 从 引入 MVC 
之 后 ， 它 被 应 用 到 很 多 架构 中 ， 像 Java 和 Python 等 。 

此 外 ， 在 Mac 和 Windows 操作 系统 内 部 也 可 以 找到 MVC 的 应 用 。 

甚至 于 作为 区 分 一 种 新 语言 是 否 成 熟 的 标志 ， 就 是 看 是 否 有 其 对 应 的 MVC 框架 。 


1.3 ASP.NET WebForm 与 MVC 的 争论 


使 用 微软 Visual Studio 工具 开发 Web 应 用 程序 主要 有 两 种 方式 : 一 种 是 常用 的 创建 
ASP.NET WebForm， 另 一 种 就 是 本 书 着 重 介绍 的 ASPNET MVC。 


A 
视频 教学 : 光盘 /videos/01/1.3 ASPNET MVC 概述 人 @@ 长 度 : 11 分钟 


1.3.1 基础 知识 一 一 ASP.NET MVC 概述 


作为 设计 模式 的 王者 ，MVC 在 众多 领域 都 成 为 良好 模型 的 代名词 。 从 前 在 ASP.NET 下 我 
们 只 能 依靠 Monorail 来 实现 ASP.NET 下 无 控件 的 MVC。 

但 是 现在 ASP.NET 下 的 MVC 已经 成 为 现实 。ASP.NET MVC 是 微软 官方 推出 的 基于 
ASP.NET 的 MVC 模式 网 站 应 用 程序 开发 框架 ， 网 站 地 址 为 http://www.asp.net/mve。 

ASP.NET MVC 的 第 一 个 版 本 是 于 2009 年 3 月 17 日 发 布 的 RTM 版 本 。 可 以 说 自 推出 以 
来 ， 就 一 直 受到 广大 程序 员 的 欢迎 。 

在 经 历 了 漫长 的 试用 (Preview) 之 后 ， 终 于 在 2010 年 3 月 11 日 发 布 了 ASPNET MVC 2.0。 
它 可 以 与 .NET Framework 3.5 的 SP1 一 起 使 用 ， 而 且 MVC 2.0 随 Visual Studio 2010 安装 程序 
自动 集成 。 另 外 ，Visual Studio 2010 也 是 本 书 所 采用 的 开发 工具 。 


5 ASPNETMVC 2.0 是 对 1.0 的 又 一 次 重大 更 新 ， 兼 容 ASPNET MVC 1.0。 和 以 前 
注意 一 样 ，ASPNET MVC 2.0 的 源 代码 完全 开放 。 另 外 ，ASP.NET MVC 2.0 可 以 与 
ASPNET MVC 1.0 并 存 。 也 就 是 说 在 同一 台 机 器 上 ， 有 的 程序 可 以 用 ASP.NET 

MVC 1.0， 有 的 程序 用 ASPNET MVC 2.0。 


ASP.NET MVC 2.0 框架 具有 以 下 功能 。 

1) 分 离 任务 ， 易 测 性 和 默认 的 测试 驱动 组 件 

所 有 MVC 用 到 的 组 件 都 是 基于 接口 并 且 可 以 被 mock 对 象 测试 到 。 开 发 人 员 可 以 不 必 在 
ASP.NET 进程 中 运行 Controller 就 可 以 使 用 测试 ， 使 得 测试 更 加 快速 和 简捷 。 

2) 可 扩展 的 简便 框架 

MVC 框架 被 设计 用 来 更 轻松 地 移植 和 定制 功能 。 开 发 人 员 可 以 加 入 自己 的 视图 引擎 , URL 
重 写 策略 ， 重 载 action 方法 等 。 

3) 强大 的 URL 重 写 机 制 

让 开发 人 员 更 方便 地 建立 容易 理解 和 可 搜索 的 URL。URL 可 以 不 包含 任何 文件 扩展 名 ， 
并 且 可 以 重 写 URL 使 其 对 搜索 引擎 更 加 友好 。 
4) 重用 模块 及 组 件 
可 以 使 用 ASP.NET 现 有 的 页 面 标记 、 用 户 控件 和 模板 页 ， 还 可 以 使 用 嵌 套 模板 页 、 媒 入 
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表达 式 、 服 务 器 控件 、 模 板 、 数 据 绑 定 和 定位 等 。 
另外 ， 还 支持 现 有 的 ASPNET 程序 ，MVC 让 开发 人 员 可 以 使 用 如 窗 体 认 证 和 Windows 
认证 、URL 认证 、 组 管理 和 规则 、 输 出 、 数 据 缓存 以 及 Session 等 。 


@ ” 区 着 读者 对 本 书 学 习 的 深入 ,将 会 了 解 并 掌握 更 多 ASP.NET MVC 2.0 的 技术 ,在 
8 示 | 。 这 里 就 不 再 详 述 了 。 


1.3.2 ”实例 描述 


对 于 在 某 个 特定 的 时 间 的 每 种 语言 、 框 架 、 工 具 和 平台 ， 都 不 可 避免 地 存在 争论 ，ASP.NET 
WebForm 与 MVC 也 是 如 此 。 

自从 ASPNET MVC 的 第 一 个 测试 版 本 出 现时 起 ， 关 于 它 与 传统 ASP.NET WebForm 的 争 
论 就 从 来 没有 停止 过 。 


1.3.3 ”实例 应 用 


通过 论坛 、 投 票 或 者 Blog 中 的 评论 不 难看 出 ， 目 前 关于 ASPNET MVC 最 引 人 关 注 的 问 
题 是 它 的 发 布 意味 着 WebForm 的 终结 。 

但 事实 并 非 如 此 ，ASP.NET MVC 并 不 是 ASPNET WebForm 4.0。 它 是 WebForm 的 替代 
方法 ， 也 是 .NET 架构 完全 支持 的 部 分 。 在 WebForm 继续 进行 新 的 改革 和 发 展 的 同时 ， 
ASP.NET MVC 也 将 作为 Microsoft 完全 支持 的 并 行 替代 方法 而 继续 发 展 。 

甚至 在 一 个 项 目 中 可 以 混合 使 用 这 两 种 技术 ， 图 1-2 为 它们 的 技术 架构 图 。 


WebForm MVC 


ASP.NET 


NET Framework 


图 1-2 WebForm 与 MVC 技术 架构 图 


如 果 要 验证 这 一 点 也 非常 简单 ， 那 就 是 查看 这 些 技术 所 处 的 命名 空间 。 
众所周知 ，ASP.NET 程序 所 用 的 命名 空间 为 System.Web。ASP.NET MVC 也 位 于 这 个 命 
名 空间 下 ， 完 整 名 称 是 System.Web.Mvc， 它 既 不 是 System.Mvc， 也 不 是 System.Web2。 


1. 基于 MVC 的 Web 应 用 程序 的 优点 


ASP.NET MVC 框架 具有 以 下 优点 : 
@ 通过 将 应 用 程序 分 为 模型 、 视 图 和 控制 器 ， 化 繁 为 简 的 工作 更 加 轻松 。 


mf >> 


@ 它 不 使 用 视图 状态 或 基于 服务 器 的 窗 体 ， 使 得 MVC 框架 特别 适合 想 要 完全 控制 应 用 
程序 行为 的 开发 人 员 。 

@ 它 使 用 一 种 通过 单一 控制 器 处 理 Web 应 用 程序 请 求 的 前 端 控制 器 模式 ， 使 用 户 可 以 
设计 一 个 支持 丰富 路 由 基础 结构 的 应 用 程序 。 

@ 它 为 测试 驱动 的 开发 (TDD) 提 供 了 更 好 的 支持 。 

@ 它 非 常 适合 大 型 开发 人 员 团 队 支持 的 Web 应 用 程序 ， 以 及 需要 对 应 用 程序 行为 进行 
极度 控制 的 Web 设计 人 员 。 

2. 基于 WebForm 的 Web 应 用 程序 的 优点 


@ 它 支持 通过 HTTP 保留 状态 的 事件 模型 ， 有 益 于 开发 业务 线 Web 应 用 程序 。 基 于 
WebForm 的 应 用 程序 提供 了 在 数 百 个 服务 器 控件 中 受 支持 的 许多 事件 。 

@ 它 使 用 页 面 控制 器 模式 向 单个 页 面 添加 功能 。 

@ 它 针 对 基于 服务 器 的 窗 体 使 用 视图 状态 ， 使 得 管理 状态 信息 更 加 轻松 。 

@ 它 非常 适合 想 要 利用 大 量 组 件 快 速 开 发 应 用 程序 的 Web 开发 人 员 和 设计 人 员 的 小 型 
团队 。 

@ ”通常 ， 对 于 应 用 程序 开发 而 言 ， 它 比较 简单 ， 这 是 因为 组 件 (Page 类 、 控 件 等 ) 紧 密集 
成 并 且 通 常 需要 比 MVC 模型 更 少 的 代码 。 


3， 对 测试 驱动 的 开发 的 支持 


使 用 MVC 模式 除了 可 以 化 繁 为 简 外 ， 还 可 以 使 应 用 程序 的 测试 工作 比 基 于 WebForm 的 
ASP.NET Web 应 用 程序 的 测试 工作 更 加 轻松 。 

为 基于 WebForm 的 ASP.NET 应 用 程序 编写 自动 化 测试 可 能 是 一 项 复杂 的 工作 , 因为 若 要 
测试 单个 页 面 ， 必 须 实例 化 应 用 程序 中 的 页 类 、 所 有 子 控件 以 及 其 他 相关 类 。 因 为 运行 页 面 而 
实例 化 的 类 如 此 之 多 ， 所 以 可 能 难以 编写 专门 侧重 于 应 用 程序 单个 部 件 的 测试 。 

因此 ， 与 MVC 应 用 程序 测试 相 比 ， 基 于 WebForm 的 ASP.NET 应 用 程序 的 测试 更 加 难以 
实现 。 而 且 , 基于 WebForm 的 ASP.NET 应 用 程序 的 测试 需要 Web 服务 器 。MVC 框架 可 使 组 
件 分 离 并 大 量 使 用 接口 ， 这 样 便 可 以 将 单个 组 件 与 框架 的 其 余部 分 分 开 测 试 。 


4. 何 时 创建 MVC 应 用 程序 


既然 MVC 和 WebForm 是 ASP.NET 之 上 平行 的 两 个 开发 平台 , 那么 如 果 要 创建 一 个 Web 
应 用 程序 ， 就 必须 仔细 考虑 是 使 用 ASP.NET MVC 还 是 使 用 ASP.NET WebForm 来 实现 。 

因为 MVC 只 是 给 开发 者 提供 了 Web 应 用 程序 开发 的 另 一 种 选择 ， 绝 不 是 蔡 代 WebForm 
技术 。 这 两 种 技术 在 不 同 的 应 用 场合 ， 具 有 不 同 的 优 、 缺 点 ， 开 发 者 需要 根据 自己 的 实际 情况 
来 选择 。 


1.3.4 实例 分 析 


Or 


ASPNET MVC 出 现 之 前 ASP NET 编程 还 是 以 拖 放 控件 为 主 ， 虽 然 其 aspx/aspx.cs 的 配合 


<@— 
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方式 与 控件 的 易 用 性 大 大 增强 了 ASP.NET 的 开发 速度 ， 但 是 大 量 控件 视图 维护 导致 的 客户 端 


页 面庞 大 ,速度 缓慢 和 难以 测试 等 问题 ,使 开发 人 员 呼唤 一 种 轻 量 级 的 开发 框架 ,于 是 ASPNET 
MVC 出 现 了 。 


目前 MVC 的 最 新 版 本 为 2.0。 随 Visual Studio 2010 集成 ,使 MVC 比 WebForm 具有 更 多 
优势 。 


1.4 创建 第 一 个 MVC 项 目 


学 到 这 里 ， 相 信 你 对 ASP.NET MVC 有 所 了 解 了 吧 ， 但 不 能 得 意 忘 形 了 哦 。 在 前 面 ， 我 们 
只 是 了 解 一 些 ASPNET MVC 的 基本 概念 。 


俗话 说 ， 理 论 联 系 实践 。 
接 下 来 ， 我 们 就 该 实践 练兵 了 ， 借 助 Visual Studio 这 个 大 家 伙 来 创建 第 一 个 MVC 项 目 。 
通过 这 个 案例 ， 深 入 了 解 ASP.NET MVC。 


只 视频 教学 : 光盘 /videos/01/1.4 创建 第 一 个 MVC 项 目 人 @@ 长 度 :12 分钟 


1.4.1 基础 知识 一 一 MVC 核心 命名 空间 


之 所 以 在 这 里 推荐 使 用 Visual Studio 2010, 主要 是 因为 ASP.NET MVC 的 核心 命名 空间 是 
由 .NET Framework 4.0 提供 的 , 该 平台 上 的 最 佳 开 发 工具 是 Visual Studio 2010, 而 且 对 MVC 2.0 
的 支持 最 完整 ， 功 能 也 很 全 面 。 

下 面 我 们 来 看 一 下 ASPNET MVC 2.0 都 有 哪些 比较 核心 的 命名 空间 。 具 体 查看 方式 是 在 
Visual Studio 2010 中 创建 一 个 MVC 项 目 ， 然 后 打开 项 目的 【引用 】 节 点 ， 如 图 1-3 所 示 。 


1-3 ”MVC 引用 核心 命名 空间 


这 些 与 MVC 有 关 的 核心 命名 空间 主要 有 以 下 几 个 。 
1) System.Web.Routing 
URL 路 由 在 该 命名 空间 下 提供 了 使 用 URL 路 由 功能 的 类 , 它 可 以 将 一 个 URL 路 由 映射 对 
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应 到 Controller 上 ， 而 不 是 映射 到 一 个 物理 文件 。 

2) System.Web.Extensions 

这 是 ASP.NET Ajax 的 命名 空间 ， 在 MVC 中 使 用 Ajax 功能 时 需要 引用 。 

3) System.Web.Mvc 

这 是 ASP.NET MVC 最 主要 的 命名 空间 。 该 命名 空间 包含 一 些 类 和 接口 ， 它 们 支持 用 于 创 
建 Web 应 用 程序 的 ASP.NET MVC 框架 。 该 命名 空间 包含 表示 控制 器 、 控 制 器 工厂 、 操 作 结 
果 、 视 图 、 分 部 视图 以 及 模型 编译 等 的 类 。 

4) System.Web.Abstractions 

该 命名 空间 包含 一 些 相关 的 基 类 ， 例 如 HttpContextBase 和 HttpRequestBase 等 。 

5) System.Web.DynamicData 

该 命名 空间 包含 为 ASP.NET 动态 数据 提供 核心 功能 的 类 。 另 外 ， 它 还 提供 允许 自 定义 动 
态 数据 行为 的 扩展 性 功能 。 


@m ” 我 们 也 可 以 创建 一 个 普通 的 WebApplication 项 目 ， 然 后 引用 这 些 命名 空间 ， 再 配 
生机 | 置 一 下 Web.config 文件 ， 从 而 手动 创建 一 个 MVC 项目。 


1.4.2 ”基础 知识 一 一 MVC 应 用 程序 目录 结构 


ASP.NET MVC 框架 会 将 模型 、 视 图 和 控制 器 组 件 分 开 。 默 认 情 况 下 ， 每 组 组 件 都 位 于 
MVC Web 应 用 程序 项 目的 单独 文件 夹 中 。 

在 创建 新 的 MVC Web 应 用 程序 时 ，Visual Studio 2010 可 让 用 户 选 择 同时 创建 两 个 项 目 。 
第 一 个 项 目 是 Web 项 目 ， 将 在 该 项 目 中 实现 应 用 程序 。 第 二 个 项 目 是 单元 测试 项 目 ， 可 以 在 
该 项 目 中 为 第 一 个 项 目 中 的 MVC 组 件 编写 单元 测试 。 

在 创建 ASPNET MVC Web 应 用 程序 项 目 时 ，MVC 组 件 会 按 项 目 文件 夹 自动 分 开 ， 如 图 
1-4 所 示 。 


1-4 ”MVC 应 用 程序 目录 结构 


默认 情况 下 ，MVC 应 用 程序 目录 结构 包括 以 下 文件 夹 。 
@ 引用 包含 项 目 运行 所 需 的 命名 空间 与 程序 集 ， 在 上 一 节 中 介绍 过 。 


< 
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App_Data 这 是 数据 的 物理 存储 区 。 此 文件 夹 的 作用 与 它 在 使 用 WebForm 页 面 的 
ASP.NET 网 站 中 的 作用 相同 。 

Content ”建议 在 此 位 置 添加 内 容 文 件 ， 如 级 联 样式 表 文件 、 图 像 等 。 通 常 ，Content 
文件 夹 用 于 存储 静态 文件 。 

Controllers ”建议 在 此 位 置 存储 控制 器 。MVC 框架 要 求 所 有 控制 器 的 名 称 均 以 
Controller 结尾 ， 如 HomeController、 LoginController 或 ProductController。 

Models ”这 是 为 表示 MVC Web 应 用 程序 的 应 用 程序 模型 的 类 提供 的 文件 夹 。 此 文件 
夹 通常 包括 定义 对 象 以 及 定义 与 数据 存储 交互 所 用 的 逻辑 的 代码 。 通 常 ， 实 际 模型 对 
象 将 位 于 单独 的 类 库 中 。 但 是 在 创建 新 应 用 程序 时 ， 可 以 将 类 放 在 此 处 ， 然 后 在 开发 
周期 中 稍 后 的 某 个 时 刻 将 其 移动 到 单独 的 类 库 中 。 

Scripts “建议 在 此 位 置 存 储 支持 应 用 程序 的 脚本 文件 。 默 认 情况 下 ， 此 文件 夹 包含 
ASPNET Ajax 基础 文件 和 jQuery 库 。 

Views 建议 在 此 位 置 存 储 视图 。 视 图 使 用 ViewPage(.aspx)、ViewUserControl(.ascx) 
和 ViewMasterPage(.master) 文件 ， 以 及 与 呈现 视图 相关 的 任何 其 他 文件 。 在 Views 
文件 夹 中 ， 每 个 控制 器 都 具有 一 个 文件 夹 ， 该 文件 夹 以 控制 器 名 称 前 级 命名 。 例 如 ， 
如 果 控 制 器 名 为 HomeController， 则 Views 文件 夹 包 含 名 为 Home 的 子 文件 夹 。 


默认 情况 下 ， 当 ASP.NET MVC 框架 加 载 视图 时 ， 它 将 在 “Views\ 控 制 器 名 称 ”文件 夹 中 
寻找 具有 请 求 的 视图 名 称 的 ViewPage (.aspx) 文 件 。 默认 情况 下 ,Views 文件 夹 中 也 有 一 个 名 为 
Shared 的 子 文件 夹 ， 但 该 文件 夹 不 与 任何 控制 器 对 应 。 


Shared 文件 天 用 于 存储 在 多 个 控制 器 之 间 共 享 的 视图 。 例 如 ， 我 们 可 以 将 Web 应 
用 程序 的 母 版 页 放 在 Shared 文件 夹 中 。 


1.4.3 ”基础 知识 一 一 MVC 路 由 


除了 使 用 前 面 列 出 的 文件 夹 之 外 , ASPNET MVC Web 应 用 程序 还 使 用 Globalasax 文件 中 
的 代码 来 设置 全 局 URL 路 由 默认 值 ， 并 且 使 用 Web.config 文件 来 配置 应 用 程序 。 

路 由 在 Global.asax 文件 的 Application_Start 方法 中 初始 化 。 下 面 的 示例 演示 了 一 个 包含 默 
认 路 由 逻辑 的 普通 Global.asax 文件 。 


public class MvcApplication : System.Web.HttpApplication 
| 
public static void RegisterRoutes (RouteCollection routes) 
{ 
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");// © 
routes.MapRoute(// 四 


"Default", // 路 由 名 称 
"{controller}/{action}/{id}", // 带 有 参数 的 URL 
new { controller = "Home", action = "Index", id = 


UrlParameter.Optional } / /参数 默 认 值 


); 

i 

protected void Application Start() 

{ 
AreaRegistration.RegisterAllAreas (); 
RegisterRoutes (RouteTable.Routes); 


M 
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和 
} 


在 上 述 代码 中 定义 了 两 个 URL 路 由 。 在 @ 处 定义 了 可 以 忽略 的 路 由 配置 ， 也 就 是 说 ， 不 
需要 路 由 处 理 程序 去 处 理 这 些 路 由 ， 在 @@ 处 则 设置 了 一 个 默认 的 路 由 。 

当 第 一 次 启动 ASPNET MVC 应 用 程序 时 ， 调 用 Application Start( 方 法 。 该 方法 又 调用 
RegisterRoutes() 和 RegisterRoutes() 方 法 ， 创 建 默认 的 路 由 表 。 

默认 的 路 由 表 中 包含 一 个 路 由 ， 该 默认 路 由 将 所 有 进入 的 请 求 拆 分 为 3 个 单元 (URL 单元 
是 正 斜 杠 之 间 的 所 有 内 容 )。 第 一 个 单元 映射 到 控制 器 名 称 ， 第 二 个 单元 映射 到 操作 名 称 ， 最 
后 一 个 单元 映射 到 传递 给 操作 名 称 ID 的 参数 。 

例如 ， 考 虑 下 面 的 URL: 


/Product/Details/3 


此 URL 被 解析 为 如 下 3 个 部 分 : 


Controller = ProductController 
Action = Details 
Id= 3 


人 @@ | 前 级 控制 器 将 被 时 加 到 控制 器 参数 的 末端 ， 这 只 是 MVC 的 一 个 特殊 之 处 。 


默认 路 由 包括 所 有 3 个 单元 的 默认 值 。 默 认 控制 器 是 HomeController， 默 认 操作 是 Index， 
而 默认 ID 是 一 个 空 字符 串 。 观 察 这些 默 认 值 ， 考 虑 如 何 解析 下 面 的 URL: 


/Employee 


此 URL 被 解析 为 如 下 3 个 参数 : 


Controller = EmployeeController 
Action = Index 
DT 


最 后 ， 如 果 打 开 ASP.NET MVC 应 用 程序 而 不 提供 任何 URL( 例 如 http://localhost/)， 那 么 
URL 将 被 解析 为 : 


Controller = HomeController 
Action = Index 
De 


请 求 将 被 发 送 到 HomeController 类 的 Index0 操 作 上 。 


1.4.4 ”基础 知识 一 一 MVC 项 目 中 的 模型 、 视 图 与 控制 器 


在 构建 传统 的 ASP.NET WebForm 应 用 程序 时 ，URL 和 页 面 是 一 一 对 应 的 。 如果 从 服务 器 
上 请 求 名 称 为 Index.aspx 的 页 面 ， 则 硬盘 上 最 好 有 名 称 为 Index.aspx 的 页 面 。 如 果 Index.aspx 
文件 不 存在 ， 则 将 出 现 404 - Page Not Found 错误 。 

相反 ， 在 构建 ASPNET MVC 应 用 程序 时 ， 在 浏览 器 地 址 栏 中 键入 的 URL 和 应 用 程序 中 
的 文件 不 存在 对 应 关系 。 在 ASP.NET MVC 应 用 程序 中 ，URL 对 应 的 是 控制 器 操作 ， 而 不 是 
硬盘 上 的 页 面 。 


< 
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还 有 , 在 传统 的 ASPNET 应 用 程序 中 , 浏览 器 请 求 是 映射 到 页 面 上 的 。 在 ASPNET MVC 
应 用 程序 中 ， 浏 览 器 请 求 是 映射 到 控制 器 操作 。ASP.NET WebForm 应 用 程序 关注 的 是 内 容 ， 
而 ASP.NET MVC 应 用 程序 关注 的 则 是 应 用 程序 逻辑 。 


1. 控制 器 


控制 器 负责 控制 用 户 与 MVC 应 用 程序 的 交互 方式 。 控 制 器 决定 在 用 户 发 出 浏览 器 请 求 时 
向 用 户 发 送 什 么 样 的 响应 。 


控制 器 只 是 一 个 类 。ASP.NET MVC 示例 应 用 程序 包括 一 个 名 称 为 HomeController.cs 的 控 
制 器 ， 该 控制 器 位 于 Controllers 文件 夹 内 。 
HomeController.cs 的 内 容 如 下 所 示 : 


using System; 

using System.Collections.Generic; 
using System.Ling; 

using System.Web; 

using System.Web.Mvc; 


namespace FirstMvcApplication.Controllers 
[HandleError] 
public class HomeController : Controller 
{ 
public ActionResult Index() 
{ 
ViewData["Message"] = "欢迎 使 用 ASP.NET MVC!"; 
return View(); 
} 
public ActionResult About() 
{ 
return View(); 
1 
J 


从 以 上 代码 可 以 看 到 ，HomeController 有 两 个 方法 ， 名 称 为 Index0 和 About()。 这 两 个 方 
法 对 应 于 控制 器 公开 的 两 个 操作 。/Home/Index 调用 HomeController.Index(0 方 法 ， 而 
/Home/About 调用 HomeController.About() 方 法 。 


控制 器 中 的 任何 公共 方法 都 作为 控制 器 操作 被 公开 ， 这 意味 着 通过 向 浏览 器 输入 正确 的 
URL 来 访问 Internet 的 任何 人 都 可 以 激活 包含 在 控制 器 中 的 任何 公共 方法 。 

2. 视图 

由 HomeController 类 中 公开 的 两 个 控制 器 方法 Index0 和 About0 都 返回 一 个 视图 。 视 图 包 
括 发 送 到 浏览 器 的 HTML 标记 和 内 容 。 在 使 用 ASP.NET MVC 应 用 程序 时 ， 视 图 等 于 页 面 。 
因此 , 必须 在 正确 的 位 置 创建 视图 。 HomeController.Index0 操 作 返 回 位 于 以 下 路 径 的 视图 : 


\Views\Home\Index.aspx 


HomeController.About() 操 作 返 回 位 于 以 下 路 径 的 视图 : 


\Views\Home\About .aspx 
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总 之 如果 要 为 控制 器 操作 返回 视图 ， 则 需要 在 Views 文件 夹 中 使 用 与 控制 器 相同 的 名 称 
创建 子 文件 夹 。 在 子 文件 夹 中 ， 必 须 创建 与 控制 器 操作 名 称 相同 的 .aspx 文件 。 
如 下 为 About.aspx 视图 文件 中 包含 的 代码 : 


<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 
Inherits="System.Web.Mvc.ViewPage" $%> 
<asp:Content ID="aboutTitle" ContentPlaceHolderID="TitleContent" 
runat="server"> 

关于 我 们 
</asp:Content> 
<asp:Content ID="aboutContent" ContentPlaceHolderID="MainContent" 
runat="server"> 

<h2> 关 于 </h2> 

<p> 

将 内 容 放 置 在 此 处 . 

</p> 

</asp:Content> 


如 果 忽 略 上 述 代码 中 的 第 一 行 ， 则 其 余 大 多 数 视图 的 内 容 都 由 标准 的 HTML 组 成 。 在 此 ， 
可 以 通过 输入 任何 想 要 的 HTML 来 修改 视图 的 内 容 。 


$ 视图 非常 类 似 于 ASP.NET WebForm 的 页 面 ， 视 图 包括 HTML 内 容 和 脚本 ， 可 以 
提示 | 使 用 我 们 熟悉 的 .NET 编程 语言 (如 C# 或 Visual Basic .NET) 来 编写 脚本 。 可 以 使 用 
脚本 显示 动态 内 容 ， 例 如 数据 库 中 的 数据 。 


3. 模型 
前 面 ， 我 们 已 经 讨论 了 控制 器 和 视图 。 下 面 要 讨论 的 最 后 一 个 主题 是 模型 。 
什么 是 MVC 模型 ? 


MVC 模型 包含 所 有 视图 或 控制 器 不 包含 的 应 用 程序 逻辑 。 模 型 应 该 包含 所 有 应 用 程序 业 
务 逻 辑 和 数据 库 访问 逻辑 。 例 如 ， 如 果 正 在 使 用 LINQ to SQL 访问 数据 库 ， 那 么 将 在 Models 
文件 夹 中 创建 LINQ to SQL 类 (dbml 文件 )。 

视图 应 该 只 包含 与 生成 用 户 界 面相 关 的 逻辑 。 控制 器 应 该 只 包含 要 求 返 回 正确 视图 或 者 将 
用 户 重 定向 到 另 一 操作 所 需 的 最 小 逻辑 ， 其 他 所 有 内 容 都 应 包含 在 模型 中 。 

总 之 ， 应 该 努力 实现 高 效 模型 和 简化 控制 器 。 控 制 器 方法 应 该 只 包含 几 行 代码 。 如 果 控 制 
器 操作 过 长 ， 则 应 该 考虑 将 逻辑 移动 到 Models 文件 夹 下 的 一 个 新 类 中 。 


1.4.5 ”实例 描述 


每 当 我 们 在 学 习 一 门 新 的 编程 语言 时 ， 都 会 习惯 于 编写 一 个 最 简单 的 实例 Hello World 来 
向 这 个 陌生 的 世界 打 一 声 友 好 的 招呼 。 

下 面 我 们 就 来 要 通过 第 一 个 MVC 实例 ， 快 速 掌握 在 Visual Studio 2010 下 创建 MVC 项 目 
的 过 程 以 及 MVC 项 目的 目录 结构 。 


< 
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1.4.6 ”实例 应 用 


【 例 1-1】 创 建 第 一 个 MVC 项 目 。 

在 开始 创建 项 目 之 前 ， 先 哪 嗪 几 句 。 常 言 道 “ 工 欲 善 其 事 ， 必 先 利 其 器 ”， 说 的 就 是 好 的 
开发 工具 能 够 减少 我 们 的 很 多 体力 劳动 。 

开发 ASP.NET Web 应 用 程序 ,就 需要 用 到 微软 开发 的 一 个 非常 强大 的 集成 开发 环境 Visual 
Studio 2010。 

这 里 之 所 以 使 用 Visual Studio 2010， 正 是 因为 它 是 当前 最 为 流行 的 开发 工具 ， 而 且 安 装 后 
集成 了 MVC 的 ASPNET MVC 2.0。 

假设 大 家 已 经 装 了 Microsoft Visual Studio 2010 中 文 版 ， 具 体 的 安装 步骤 这 里 不 再 多 说 。 
在 强大 的 安装 向 导 下 ， 相 信 你 一 定 可 以 轻松 搞定 。 

下 面 开始 详 述 具体 的 创建 过 程 。 

(1) 打开 Visual Studio 2010， 方 法 有 很 多 种 ， 选 择 自己 最 常用 的 ， 步 骤 略 过 。 

(2) 经 过 几 秒 钟 华丽 的 动画 加 载 之 后 ， 我 们 看 到 了 Visual Studio 2010 IDE 的 主 界面 。 

细心 的 读者 可 能 会 觉得 , 它 与 以 前 的 Visual Studio 2008 不 怎么 像 。 没 关系 ， 其 实 它 一 点 也 
不 陌生 ， 而 且 还 非常 人 性 化 和 友好 。 

(3) 选择 【文件 】 | 【新 建 】| 【项 目 】 命 令 ， 打 开 【 新 建 项 目 】 对 话 框 。 

(4) 从 左 侧 选择 Web 分 类 模板 ， 右 侧 会 出 现 很 多 Web 项 目 列表 。 我 们 要 创建 MVC， 所 以 
选择 【ASPNET MVC 2 Web 应 用 程序 】 选 项 。 

(5) 在 下 方 的 【名 称 】 文 本 框 中 ， 为 要 创建 的 MVC 项 目 起 一 个 有 意义 的 名 称 ， 这 里 为 
FirstMvcApplication， 单 击 【 确 定 】 按 钮 ， 如 图 1-5 所 示 。 


全 》 本 实例 中 选择 的 “ASPNET MVC 2 Web 应 用 程序 ”模板 将 会 自动 创建 一 个 基本 型 
提示 的 测试 示例 。 如 果 选 择 “ASPNET MVC 2 空 Web 应 用 程序 ”模板 ， 则 将 仅仅 搭 
建 MVC 环境 ， 并 不 包含 任何 其 他 可 执行 的 代码 。 
(6) Visual Studio 2010 将 会 在 指定 位 置 创建 MVC 项 目 ， 并 复制 目录 和 文件 ， 以 及 进行 预定 
义 的 配置 工作 。 完 成 后 会 弹出 图 1-6 所 示 的 【创建 单元 测试 项 目 】 对 话 框 ， 询 问 是 否 创建 与 
MVC 项 目 匹 配 的 单元 测试 项 目 。 


图 1-5 【新 建 项 目 】 对 话 框 1-6 【创建 单元 测试 项 目 】 对 话 框 
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由 于 我 们 会 在 下 一 节 重 点 介绍 单元 测试 的 内 容 ， 这 里 选中 【和 否 QD)， 不 创建 单元 测试 项 目 】 
单 选 按钮 再 单 击 【确定 】 按 钮 。 

(7) 最 后 ， 单 击 【确定 】 按 钮 完成 创建 过 程 。 

至 此 ， 一 个 最 简单 的 MVC 项 目 就 算 创建 完成 了 。 


1.4.7 ”运行 结果 


如 果 打 开 【 解 决 方案 资源 管理 器 】 窗 格 , 会 看 到 Visual Studio 2010 自动 创建 的 项 目 结构 以 
及 文件 内 容 。 这 些 我 们 都 先 不 管 它 ， 直 接 运 行 项 目 。 终 于 有 一 个 ASP.NET MVC 项 目 已 经 运行 
在 我 的 电脑 上 了 ， 是 不 是 很 激动 啊 ! 

图 1-7 为 默认 运行 后 的 界面 效果 , 而且“ 主页 ”和 “关于 ”功能 都 能 用 。 图 1-8 为 单 击 “ 关 
于 ”链接 后 的 界面 效果 。 

虽然 现在 不 懂 是 怎么 实现 的 ， 不 过 看 着 能 运行 的 实例 ， 心 里 就 踏实 多 了 ! 


我 的 MVC 应 用 程序 


我 的 MVC 应 用 程序 


Er 
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图 1-7 默认 运行 效果 图 1-8 查看 “关于 ”的 内 容 


夹 池 使 用 ASPNET MVC! 


1.4.8 实例 分 析 


源码 解析 
如 果 读 者 之 前 使 用 的 是 ASPNET WebForm， 则 会 发 现 ASPNET MVC 与 其 非常 类 似 。 
通过 本 实例 希望 读者 能 够 体会 到 创建 ASPNET MVC 应 用 程序 的 过 程 与 创建 ASPNET 
WebForm 应 用 程序 的 相同 和 不 同 之 处 。 
本 实例 介绍 了 ASPNET MVC 应 用 程序 的 核心 命名 空间 、 目 录 结 构 和 路 由 机 制 。 还 从 高 层 
面 讲解 了 ASPNET MVC 中 的 模型 、 视 图 和 控制 器 ， 以 及 这 些 部 分 如 何 协同 工作 。 


1.5 创建 带 单元 测试 的 MVC 项 目 
在 上 一 节 介绍 创建 第 一 个 MVC 项 目 时 , 我 们 认识 了 Visual Studio 2010 提供 的 【创建 单元 


测试 项 目 】 对 话 框 。 那 时 我 们 选择 了 不 创建 单元 测试 项 目 选项 ， 本 节 将 详细 介绍 选择 创建 单元 
测试 项 目 选项 之 后 所 发 生 的 事情 。 


ce 视频 教学 : 光盘 /videos/01/1.5 ”创建 带 单元 测试 的 MVC 项 目 人 @@ 长 度 : 6 分 名 


< 
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1.5.1 实例 描述 


ASP.NET MVC 与 WebForm 相 比 ， 最 大 的 优势 就 是 当 应 用 程序 日 益 复杂 时 ， 可 以 通过 分 
离 模型 、 视 图 和 控制 器 来 进行 单元 测试 。 从 而 使 开发 者 更 容易 、 及 时 地 发 现 问题 。 

在 Visual Studio 2010 中 创建 一 个 带 单元 测试 的 MVC 项 目 是 一 件 非常 简单 和 愉快 的 事情 ， 
下 面 跟随 我 来 看 看 具体 方法 吧 。 


1.5.2 ”实例 应 用 


【 例 1-2】 创 建 带 单元 测试 的 MVC 项 目 。 

(1) 按照 上 一 节 介绍 的 方法 在 Visual Studio 2010 中 创建 
一 个 名 为 MvcApplicationl 的 MVC Web 应 用 程序 。 

(2) 在 弹出 的 【创建 单元 测试 项 目 】 对 话 框 中 选中 【是 
(Y)， 创 建 单元 测试 项 目 】 单 选 按 钮 ，【 测 试 项 目 名 称 】 和 
【测试 框架 】 均 保持 默认 值 ， 单 击 【 确 定 】 按 钮 完成 创建 
过 程 。 

(3) 此 时 ， 打 开 【 解 决 方案 资源 管理 器 】 窗 格 会 发 现 包 
含 了 两 个 项 目 。 其 中 ， 名 为 MvcApplicationl.Tests 的 即 为 
MVC 的 单元 测试 项 目 ， 展 开 后 其 目录 结构 如 图 1-9 所 示 。 

(4) 可 以 看 到 在 Controllers 目录 有 两 个 .cs 文件 , 分 别 对 
应 MVC 项 目 中 的 控制 器 。 以 下 为 Home 控制 器 Index 动作 1-9 ”MVC 测试 项 目 目录 结构 
的 测试 代码 : 


[Testclass] 
public class HomeControllerTest 
{ 

[TestMethod] 

public void Index() 


// 排列 

HomeController controller = new HomeController(); 

// 操作 

ViewResult result = controller.Index() as ViewResult; 
// 断言 


ViewDataDictionary viewData = result.ViewData; 
Assert .AreEqual ("欢迎 使 用 ASP.NET MVC!", viewData[l"Message"]); 
1 
L 
(5) 在 创建 普通 的 MVC 应 用 程序 时 ， 至 此 就 可 以 运行 了 。 现 在 ， 我 们 也 来 运行 一 下 ， 出 
错 。 这 是 为 什么 呢 ? 看 看 有 什么 提示 ， 图 1-10 为 【错误 列表 】 窗 格 。 
(6) 原来 是 在 单元 测试 项 目 中 找 不 到 对 MVC 项 目的 引用 。 
找到 原因 了 。 右 击 单元 测试 项 目 选择 【添加 引用 】 命 令 ， 然 后 从 弹出 的 【添加 引用 】 对 话 
框 中 选择 项 目 名 称 ， 再 单 击 【确定 】 按 钮 ， 如 图 1-11 所 示 。 


si} >> 
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图 1-10 【错误 列表 】 窗 格 1-11 【添加 引用 】 对 话 框 


1.5.3 ”运行 结果 


从 【测试 工具 】 工 具 栏 中 单 击 可 【运行 解决 方案 中 的 所 有 测试 】 按钮 运行 测试 , 然后 从 【 测 
试 结 果 】 窗 格 中 可 以 看 到 测试 运行 的 状态 以 及 结果 。 

如 图 1-12 所 示 ， 可 以 看 到 现在 针对 所 有 控制 器 的 测试 方法 都 成 功 了 。 此 时 再 运行 解决 方 
案 ， 错 误 消 失 了 ， 出 现 熟悉 的 运行 界面 。 


图 1-12 【测试 结果 】 窗 格 


1.5.4 实例 分 析 


Ss 源码 解析 


在 这 个 实例 中 ， 我 们 学 习 了 如 何 为 一 个 MVC 应 用 程序 添加 单元 测试 项 目 。 

单元 测试 项 目的 运行 依赖 于 一 个 MVC 应 用 程序 ， 因 此 必须 保证 添加 了 正确 的 引用 。 

同时 ， 为 了 使 单元 测试 项 目 能 够 运作 正常 ， 在 开始 执行 之 前 ， 可 以 利用 测试 工具 调试 解决 
方案 中 的 所 有 测试 ， 并 在 【测试 结果 】 窗 格 中 观察 结果 。 


1.6 ASP.NET MVC 应 用 程序 运行 流程 


正如 前 面 讲解 的 ASP.NET MVC 应 用 程序 的 创建 过 程 , 在 创建 之 后 系统 默认 创建 了 相应 的 
文件 夹 进行 不 同 层次 的 开发 。 在 ASPNET MVC 应 用 程序 的 运行 过 程 中 ， 同 样 请 求 会 被 发 送 到 
Controllers 中 ， 这 样 就 对 应 了 ASPNET MVC 应 用 程序 中 的 Controllers 文件 夹 ; Controllers 只 
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负责 数据 的 读 取 和 页 面 逻辑 的 处 理 。 

在 Controllers 读 取 数 据 时 ， 需 要 通过 Models 从 数据 库 中 读 取 相应 的 信息 。 读 取 数 据 完毕 
后 ，Controllers 再 将 数据 和 Controller 整合 并 提交 到 Views 视图 中 ， 整 合 后 的 页 面 将 通过 浏览 
器 呈现 在 用 户 面前 。 

当 用 户 访问 http://localhost:2236/Home/About 页 面 时 , 首先 这 个 请 求 会 被 发 送 到 Controllers 
中 ，Controllers 通过 Globalasax 文件 中 的 路 由 设置 并 进行 相应 的 URL 映射 。Global.asax 文件 
的 相应 代码 如 下 : 

public static void RegisterRoutes (RouteCollection routes) 
// 注 册 路 由 
{ 
routes.IgnoreRoute("{resource} .axd/{*pathInfo}"); 
outes .MapRoute ( 
"Default", 
"{controller}/{action}/{id}", 
new { controller = "Home", action = "Index", id = 
UrlParameter .Optional } // 配 置 路 由 
); 
} 


上 述 代码 实现 了 映射 操作 ， 具 体 是 如 何 实现 的 ， 可 以 先 不 关心 ， 我 们 会 在 下 一 章 讲 到 它 。 

我 们 先 来 看 看 Controllers 和 Views 文件 夹 中 的 文件 。 在 Views 文件 夹 中 包含 Home 子 文件 
夹 ， 在 Home 子 文件 夹 中 存在 About.aspx 和 Index.aspx 文件 。 在 Controllers 文件 夹 中 包含 了 与 
Home 子 文件 夹 同名 的 HomeController.cs 文件 。 

当 用 户 访 问 http://localhost:2236/Home/About 时 ， 首 先 该 路 径 请 求 会 被 传送 到 Controller 中 。 


在 Controller 中 ，Controller 通过 Global.asax 文件 和 相应 的 编程 来 实现 路 径 的 映射 , 示例 代 
码 如 下 : 


public ActionResult About () // 实 现 About 页 面 
{ 
return View(); // 返 回 视 图 


} 


在 Controllers 文件 夹 中 创建 HomeController.cs 文件 同 Home 是 同名 文件 ， 在 
注意 Controllers 中 创建 的 文件 ， 其 文件 名 后 的 Controller.cs 是 不 能 更 改 的 ， 所 以 
HomeController.cs 文件 也 可 以 看 做 是 Home 子 文件 夹 的 同名 文件 。 


上 述 代 码 实现 了 About 页 面 的 页 面 呈现 ， 在 运行 相应 的 方法 后 会 返回 一 个 View。 这 里 默 
认 返 回 的 是 与 Home 的 About 方法 同名 的 页 面 ， 即 About.aspx。 
将 About.aspx 页 面 中 的 文字 进行 相应 的 更 改 ， 修 改 后 的 代码 如 下 : 


<asp:Content ID="aboutContent" ContentPlaceHolderID="MainContent" 
runat="server"> 
<h2> 关 于 我 们 </h2> 
<p> 
这 是 一 个 ASP .NET MVC 示例 程序 的 关于 我 们 页 面 . 
</p> 
</asp:Content> 


运行 About.aspx 页 面 ， 结 果 如 图 1-13 所 示 。 
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1-13 About.aspx 页 面 


从 上 述 代 码 可 以 看 出 ，Controllers 与 Global.asax 用 于 URL 的 映射 ， 而 Views 用 于 页 面 的 
呈现 。 从 这 里 还 可 以 看 出 ， 当 用 户 访问 http://localhost:2236/Home/About 时 ,访问 的 并 不 是 服 
务 器 中 的 /Home/About 页 面 ， 而 是 Controllers 中 的 HomeControllers 的 About 方法 。 


》 ”ASP.NET MVC 应 用 程序 中 的 URL 路 径 访 问 的 并 不 是 一 个 页 面 ， 而 是 一 个 方法 。 
提示 例如 ， 访 问 /Home/About 实际 访问 的 是 HomeControllers 中 的 About 方法 ， 而 访问 
/Account/Login 就 是 访问 AccountControllers 中 的 Login 方法 。 


在 这 个 默认 创建 的 ASP.NET MVC 示例 应 用 程序 中 ， 对 应 关系 如 图 1-14 所 示 。 

在 ASP.NET MVC 应 用 程序 中 ，HomeController.cs 对 应 Views 的 Home 子 文件 夹 ， 而 其 中 
的 Index 和 About 方法 分 别 对 应 于 Index.aspx 文件 和 About.aspx 文件 。 

最 后 ， 实 现 相 应 的 URL 映射 需要 通过 修改 Global.asax 文件 进行 实现 。 具 体 如 何 通 过 修改 
Global.asax 文件 进行 不 同 的 URL 映射 将 在 下 一 章 讲解 。 


国 oneController cs ne 
public ActionResult Indez0 — I spx 
’ 
并 ewData[ “essage”] =“ 欢 迎 使 用 ASP. NET NVC!”; 
Teturn View(); 
public ActionResult iut0 —— bot spx 
return View(); 


1-14 ”MVC 应 用 程序 对 应 关系 图 


在 命名 时 ， 默 认 情 况 下 XXXController.cs 对 应 Views 的 XXX 子 文件 夹 ， 而 其 中 
XXXController.cs 的 YYY(0 方 法 对 应 XXX 子 文件 夹 中 的 YYY.aspx， 而 访问 路 径 
XXX/YYY 即 是 访问 XXXController.cs 中 的 YYY( 方 法 。 
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1.7 ”常见 问题 解答 


1.7.1 ASP.NET MVC 的 初级 问题 


sy 关于 ASP.NET MVC 的 初级 问题 
Cx 团 ”网 络 课堂 : http://bbs.itzcn.conythread-2976-1-1.html 
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我 想 请 教 一 下 ASPNET MVC 是 用 来 做 什么 的 ? 

主要 还 是 用 于 大 中 型 系统 吗 ? 

一 个 .NET 开发 的 初学 者 适合 接触 ASPNET MVC 吗 ? 

【解决 办 法 】MVC 的 开发 效率 很 高 ， 可 以 真正 做 到 前 后 台 分 离 。 

MVC 的 本 质 就 是 将 业务 逻辑 层 和 业务 视图 分 离 , 将 数据 层 的 数据 通过 逻辑 层 传递 给 视图 。 

这 样 对 于 一 般 应 用 没有 什么 太 大 的 优点 ， 主 要 就 是 在 企业 级 开发 中 ， 可 以 更 好 地 做 到 任务 
分 工 ， 还 有 就 是 当 系 统 庞大 时 更 加 易于 维护 。 

如 果 要 是 初学 者 建议 从 WinForm 学 起 ， 因 为 那里 可 以 学 到 更 多 的 基础 知识 。 当 你 有 了 一 
定 的 基础 ， 再 来 看 MVC 时 ， 就 会 觉得 这 个 框架 很 吸引 人 ， 尤 其 是 在 Ajax 上 。 


1.7.2 ASP.NET MVC 的 编译 软件 是 什么 


ASP.NET MVC 的 编译 软件 是 什么 ? 
网 络 课堂 : http:Wbbs.itzcn.cony/thread-2976-1-1.html 


新 手 问 : ASPNET MVC 的 编译 软件 是 什么 ? 去 哪里 下 载 ? 是 Visual Studio 2008 吗 ? 
【解决 办 法 】 还 是 我 这 个 .NET 的 高 手 来 说 说 吧 。 

MVC 编译 软件 ?楼主 指 的 应 该 是 开发 时 用 的 软件 吧 。 

首先 告诉 你 ,NET 的 MVC 目前 已 经 出 了 第 二 个 正式 版 本 了 ,也 就 是 说 有 MVC 1.0 和 MVC 
2.0。 由 于 这 两 个 版 本 不 向 后 兼容 , 所 以 相当 麻烦 。 很 多 用 MVC 1.0 开发 出 来 的 项 目 用 MVC 2.0 
打 不 开 ， 但 是 这 两 个 版 本 可 以 装 在 一 起 ， 互 不 干扰 。 

在 开发 工具 上 ， 目 前 Visual Studio 最 高 版 是 2010 版 ， 它 本 身 集成 了 MVC 2.0， 推 荐 使 用 。 
选择 Visual Studio 2008 也 可 以 ， 但 是 需要 先 安装 SP1 补丁 ， 再 分 别 安装 MVC 1.0 和 MVC 2.0 
的 安装 包 ， 步 又 比较 麻烦 。 

最 后 ， 祝 楼主 一 切 顺利 。 选 择 .NET 就 选择 了 舒适 ， 但 也 选择 了 痛苦 。 


1.8 习 题 


一 、 填 空 题 


(1) MVC 设计 模式 将 应 用 程序 按 用 户 界 面 的 功能 划分 为 模型 、 视 图 和 3 个 模块 。 
(2) 三 层 架 构 里 的 主要 是 对 业务 实体 数据 的 加 工 ， 把 加 工 后 的 数据 传 给 页 面 显示 。 
(3) ASP.NET MVC 的 前 身 是 ， 是 受到 Ruby on Rails 的 灵感 启发 。 

(4) 命名 空间 包含 表示 控制 器 、 控 制 器 工厂 、 操 作 结 果 、 视 图 、 分 部 视图 以 及 

模型 编译 等 的 类 。 
(5) 在 创建 一 个 ASP.NET MVC 应 用 程序 后 ， 文件 夹 用 于 存储 静态 文件 ， 
文件 夹 存储 支持 应 用 程序 的 脚本 文件 。 
(6) ASPNET MVC Web 应 用 程序 使 用 文件 中 的 代码 来 设置 全 局 URL 路 由 默认 值 。 
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二 、 选 择 题 
(1) MVC 模式 是 一 个 处 理 层 逻 辑 的 设计 模式 。 
A. 数据 访问 B. 数据 模型 
C. 用 户 界面 D. 业务 逻辑 
(2) ASPNET MVC 是 一 个 i 
A. 设计 思想 B. 类 
C. 框架 D. 设计 模式 


(3) 下 列 说 法 错误 的 是 . 
A. ASPNET MVC 中 View 默认 放 在 Views 目录 下 面 ， 也 可 以 是 其 他 目录 
B.ASP.NET MVC 中 Model 必须 放 在 Models 目录 下 面 
C. ASP.NET MVC 中 脚本 文件 必须 放 在 Scripts 目录 下 面 
D. ASPNET MVC 中 Controller 默认 必须 放 在 Controllers 目录 下 面 
(4) 默认 的 ASP.NET MVC 2 站 点 访问 路 径 是 
A. /Home/Index B. Default.aspx 
C. Home.aspx D. Index 
(5) 下 列 选项 中 不 属于 MVC 缺点 的 是 
A. 由 于 应 用 于 模型 的 代码 只 需 写 一 次 就 可 以 被 多 个 视图 重用 ， 所 以 减少 了 代码 的 重 
复 性 
B. 视图 与 控制 器 间 过 于 紧密 的 连接 
C. 模型 返回 的 数据 不 带 任何 显示 格式 
D. 视图 对 于 模型 数据 的 低 效率 访问 


(6) 下 列 组 合 中 不 属于 MVC 应 用 的 选项 有 
A. ASP 和 FastMVC B. Java 和 Strmts 
C. PHP 和 Zend D. ASP.NET 和 MonoRail 


(7) 下 面 不 属于 ASP.NET MVC 框架 优点 的 是 
A. 视图 与 控制 器 间 过 于 紧密 的 连接 
B. 支持 测试 驱动 的 开发 
C. 使 用 页 面 控制 器 模式 向 单个 页 面 添加 功能 
D. 使 用 单一 控制 器 处 理 Web 应 用 程序 请 求 
三 、 上 机 练习 
上 机 练习 : 创建 一 个 带 单元 测试 的 ASPNET MVC 应 用 程序 。 
通过 对 本 章 的 学 习 ， 相信 读者 一 定 掌握 了 Visual Studio 2010 的 基本 使 用 方法 。 本 次 练习 要 
求 读者 在 Visual Studio 2010 的 向 导 下 ， 创 建 一 个 ASPNET MVC Web 2 应 用 程序 。 
要 求 如 下 : 
(1) MVC 应 用 程序 的 名 称 为 HelloMVC。 
(2) 单元 测试 项 目的 名 称 为 TestsHelloMVC。 
(3) 测试 框架 为 Visual Studio Unit Test。 


< 
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在 ASP.NET MVC 架构 中 , 抛 齐 了 使 用 页 面 文件 (如 扩展 名 为 .aspx 的 页 面 ) 接 收 并 处 理 用 户 
请 求 的 方式 ， 统 一 使 用 了 继承 自 System.Web.Mvc.Controller 类 的 控制 器 (Controller) 里 面 的 动作 
(Action) 来 接收 并 处 理 用 户 的 请 求 。 

我 们 知道 ， 在 ASP.NET MVC 架构 中 ， 控 制 器 是 一 个 类 ， 控 制 器 里 的 动作 是 一 个 方法 ， 而 
URL 是 互联 网 上 标识 “资源 ”的 唯一 符号 ， 而 且 这 里 所 说 的 “互联 网 上 的 资源 ”并 不 包括 Web 
服务 器 内 存 中 动态 存储 的 一 个 类 和 一 个 方法 。 如 何 将 URL 与 Action 对 应 起 来 ， 让 用 户 在 执行 
一 个 请 求 的 时 候 正确 地 执行 相应 的 “动作 ”来 处 理 用 户 的 请 求 。ASPNET MVC 引出 了 一 个 新 
的 概念 一 一 URLRouting(URL 路 由 )。 

本 章 我 们 来 学 习 URLRouting 的 配置 规则 ， 了 解 URLRouting 和 URL 重 写 的 区 别 ， 并 学 会 
使 用 工具 调试 URLRouting。 

学 习 目 标 

@ 掌握 URLRouting 的 配置 规则 

@ 了 解 URLRouting 和 URL 重 写 的 区 别 

国学 会 使 用 工具 对 自己 配置 的 URLRouting 进行 调试 
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2.1 URLRouting 介绍 


什么 是 URLRouting? 直接 翻译 过 来 就 是 URL 路 由 。 
什么 是 URL 路 由 ? 简单 地 说 ，URL 路 由 就 是 一 组 从 URL 到 请 求 处 理 程序 间 的 映射 规则 ， 


用 于 将 Web 请 求 引导 到 实际 的 请 求 处 理 程序 中 , 它 在 整个 Web 请 求 过 程 中 担任 着 向 导 的 作用 。 


入 视频 教学 ， 光盘 /videos/02/2.1 什么 是 URLRouting @@ 长 度 : 6 分 钟 
2.1.1 什么 是 URL 


要 学 习 URL 路 由 ， 我 们 先 来 了 解 一 下 什么 是 URL。 

URL 是 Uniform Resource Locator 的 缩写 ， 翻 译 过 来 就 是 “统一 资源 定位 器 ”。 它 是 用 于 
完整 地 描述 Internet 上 的 网 页 或 其 他 资源 的 地 址 的 一 种 标识 方法 。 

一 般 的 URL 可 以 由 6 部 分 组 成 ， 一 般 格式 如 下 ( 带 方 括 号 的 为 可 选项 ): 


protocol :// hostname[:port] [/path] [?parameters] [#fragment] 


URL 各 部 分 的 说 明 如 下 。 


protocol 协议 。 可 以 是 HTTP( 超 文本 传输 协议 )、FTP( 文 件 传 输 协 议 ) 和 HTTPS( 安 全 
的 超 文本 传输 协议 ) 等 。 

hostname 主机 名 。 指 在 互联 网 中 存放 资源 的 服务 器 DNS 主机 名 或 他 地 址 。 

port 端口 号 。 该 选项 是 一 个 小 于 66 536 的 正 整 数 , 是 各 服务 器 或 协议 约定 的 通信 端口 。 
path” 路径。 一 般 用 来 表示 一 个 Web 站 点 中 的 目录 或 文件 资源 的 地 址 。 

parameters ”参数 列表 。 可 以 给 使 用 动态 网 页 技术 (如 PHP、ASP、ASP.NET 和 JSP 等 ) 
制作 的 网 页 传递 参数 。 参 数 形式 为 以 等 号 = 隔 开 的 键 / 值 对 ， 多 个 参数 之 间 用 And 符号 
& 连接 。 

fragment 信息 片断 。 可 以 直接 定位 到 页 面 中 的 某 个 锚 点 标记 。 


| 例如 访问 窗 内 网 论坛 的 某 个 页 面 ， 如 图 2-1 所 示 。 


sf >> 


2-1” 窗 内 网 论坛 
图 中 地 址 栏 显示 的 就 是 这 样 一 个 URL。 


http://bbs.itzcn.com/index.php?iframe=yes 
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在 这 里 ,我 们 使 用 HTTP 协议 访问 了 网 络 中 的 一 台 Web 服务 器 (bbs.itzcn.com) 的 80 端口 ( 默 
认 端 口 ， 可 以 省 略 ) 的 index.php 文件 。 这 是 一 个 动态 网 页 文件 , 我 们 向 其 传递 一 个 参数 frame， 
参数 的 值 为 yes。index.php 页 面 在 接收 到 浏览 器 的 请 求 以 后 ， 根 据 传递 过 来 的 参数 进行 处 理 ， 
并 向 浏览 器 返回 响应 结果 。 

好 像 有 点 抽象 了 。 不 过 我 们 抛 开 URL 的 概念 来 看 一 下 浏览 器 地 址 栏 里 的 东西 , 那 是 什么 ? 


告诉 你 吧 ， 那 是 一 个 “字符 串 ”。 虽 然 答案 有 点 模糊 ， 但 却 是 一 个 事实 。 这 个 字符 串 可 以 
被 浏览 器 、DNS、 目 标 主机 、Web 服务 器 程序 以 及 相应 的 请 求 处 理 程序 分 别 解析 和 处 理 。 
再 来 看 一 下 URL 是 如 何 工作 的 ， 如 图 2-2 所 示 。 


客户 并 DNS 目标 主机 (服务 器 ) 
HTTP 端 口 + >| 80 端 口 
和 v 

J Web 服 务 

浏览 器 index php || -… | 器 程序 


图 2-2 URL 工作 原理 图 


这 里 必须 先 明确 一 点 : URL 用 来 标识 一 个 请 求 的 目标 地 址 。 图 中 箭头 所 表示 的 是 ， 当 用 户 
在 地 址 栏 URL 中 输入 URL 地 址 并 按 回 车 键 以 后 ， 浏 览 器 请 求 的 走向 。 

首先 浏览 器 (客户 端 ) 截 获 URL 中 :// 以 前 的 部 分 ， 得 知 我 们 要 发 出 一 个 HTTP 请 求 ， 就 使 用 
本 机 的 HTTP 端口 (80) 发 出 这 个 请 求 。 

中 间 经 过 一 些 网 络 服务 器 的 转发 ， 来 到 DNS 。DNS 截获 中 间 的 主机 地 址 部 分 
(bbs.itzcn.com)， 查 询 该 主机 对 应 的 了 P 地 址 ， 然 后 告诉 当前 请 求 : 你 去 找 某 某 (这 里 的 “ 某 某 ” 
是 指 主机 的 卫 地 址 )。 

当 请 求 来 到 目标 主机 对 应 的 IP 地 址 的 时 候 ， 目 标 主 机 盛情 地 接待 了 它 。 当 目标 主机 得 知 
这 个 HTTP 请 求 没 有 明确 指出 要 访问 的 端口 时 ， 就 通过 默认 的 端口 (80 端口 ) 把 它 交 给 相应 的 
Web 服务 器 程序 (例如 IS、Apache 等 )。 

最 后 ，Web 服务 器 程序 把 请 求 交 给 相应 路 径 的 目标 处 理 程序 (index.php)。 而 且 ， 这 里 的 目 
标 处 理 程序 还 可 以 获取 URL 传递 过 来 的 参数 (iframe=yes)， 并 进行 相应 的 处 理 。 

通过 上 面 的 例子 我 们 看 到 ， 这 里 把 URL 指向 服务 器 上 的 一 个 实际 的 网 页 文件 。 但 是 ， 到 
了 ASPNET MVC 中 ，URL 就 不 再 是 标识 一 个 实际 存在 的 资源 路 径 了 ， 因 为 我 们 需要 使 用 
URLRouting。 


\ 


其 实 基于 MVC 模式 的 Web 应 用 程序 (例如 JSP、PHP 等 ) 也 都 使 用 虚拟 的 URL。 


提示 | 
那么 ， 什 么 是 URLRouting 呢 ? 它 具体 是 干什么 的 ? 下 面 我 们 来 详细 了 解 一 下 。 
2.1.2 什么 是 URLRouting 


前 面 讲 过 ，URLRouting 是 一 组 从 URL 到 请 求 处 理 程序 间 的 映射 规则 。 
通过 前 面 章 节 的 学 习 , 我 们 知道 在 ASP.NET MVC 架构 的 应 用 程序 中 , 真正 处 理 客户 端 请 
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求 的 处 理 程序 是 Controller 中 的 Action( 使 用 这 种 方式 的 好 处 在 前 面 的 章节 中 已 经 详细 说 明 过 ， 
这 里 就 不 再 多 讲 )， 而 Action 是 服务 器 内 存 中 的 一 个 方法 。 那 么 ， 如 何 将 浏览 器 请 求 的 URL 指 
向 服务 器 内 存 中 的 这 个 方法 呢 ? ASPNET URLRouting 配合 ASPNET MVC 提供 了 这 个 功能 。 

在 上 一 节 中 ， 我 们 了 解 了 用 户 可 以 通过 URL 来 访问 服务 器 上 的 指定 资源 文件 ，Web 服务 
器 根据 URL 指定 的 路 径 ， 查 找 相应 的 资源 文件 ， 这 样 URL 和 服务 器 磁盘 上 的 文件 有 着 直接 对 
应 的 关系 。 

ASP.NET URLRouting 基本 上 和 颠覆 了 这 种 URL 和 文件 系统 一 对 一 的 关系 ， 它 可 以 将 URL 
直接 映射 到 一 个 类 的 方法 中 调用 。 

这 种 接收 并 处 理 用 户 请 求 的 类 可 以 执行 业务 逻辑 ， 统 一 调配 Web 系统 资源 ， 以 及 控制 应 
用 程序 的 执行 ， 被 称 作 控制 器 (Controllen) 。 单 单 有 类 ， 还 不 能 执行 操作 。 要 执行 操作 还 需要 类 
里 面 方法 的 支持 ， 这 些 可 以 处 理 客户 端 请 求 的 方法 称 为 动作 (Action) 。 

URLRouting 就 是 要 将 URL 映射 到 能 处 理 业务 需求 的 Action 上 。 

也 就 是 说 ， 在 ASPNET MVC 应 用 程序 的 请 求 执行 流程 中 ，URLRouting 处 理 的 是 服务 器 
中 请 求 入 口 的 任务 ， 如 图 2-3 所 示 。 


Controllers 


Action 


NS 


ASP NET MVC 
应 用 程序 


URLRouting 


图 2-3 ASP.NET MVC 请 求 执行 流程 


在 上 一 节 中 讲 过 ，URL 只 是 一 个 字符 串 ，Web 服务 器 自动 将 URL 映射 到 相应 的 服务 器 资 
源 上 。 在 ASPNET MVC 应 用 程序 中 ，Web 服务 器 将 路 由 控制 权 交 给 Web 应 用 程序 处 理 ， 我 
们 可 以 编写 相应 的 规则 来 控制 请 求 的 指向 。 

例如 在 第 1 章 的 例子 中 ， 在 创建 应 用 程序 的 时 候 ， 系 统 默认 为 我 们 配置 了 一 个 路 由 规则 ， 
代码 如 下 : 


routes.MapRoutel( 
"Default"，// 路 由 名 称 
"{controller}/{action}/{id}"，// 带 有 参数 的 URL 
new { controller = "Home", action = "Index", id = UrlParameter.Optional } 
// 参数 默认 值 
); 
它 可 以 匹配 以 “控制 器 名 称 ”+ 斜 本 +“ 动 作 名 称 ”+ 斜 杠 +“ 参 数 ”形式 结构 的 URL， 而 且 
在 这 个 配置 里 设置 了 当 用 户 在 访问 站 点 首页 的 时 候 执行 名 称 为 Home 的 控制 器 里 的 Index 动作 ， 
所 以 它 还 可 以 匹配 没有 路 径 的 URL 访问 的 Action( 相 当 于 Web 站 点 中 的 Default.aspx 页 面 )。 


@@ ” 一 般 来 说 ， 在 B/S 项 目 中 ， 整 个 URL 需要 Web 应 用 程序 识别 并 处 理 的 只 有 路 径 
提示 | ”和 参数 部 分 ， 所 以 URLRouting 的 URL 只 需要 对 路 径 和 参数 进行 匹配 即 可 。 


从 上 面 的 配置 代码 我 们 看 到 ，URLRouting 将 URL 中 的 相应 部 分 截取 出 来 进行 处 理 ， 所 以 
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URLRouting 可 以 说 是 一 个 分 析 URL， 从 URL 中 提取 相应 数据 的 组 件 。 
在 ASP.NET 中 , 实现 URL 路 由 功能 的 类 被 单独 封装 到 一 个 命名 空间 下 , 独立 于 ASPNET 
MVC 命名 空间 ， 如 图 2-4 和 图 2-5 所 示 。 


图 2-4 System.Web.Routing 类 库 引 用 2-5 ”System.Web.Mvc 类 库 引 用 


URLRouting 是 一 个 独立 的 类 库 ， 名 称 为 System.Web.Routing.dll。 为 了 将 URL 映射 到 
Controller 里 的 Action 中 ，ASP.NET MVC 应 用 程序 需要 经 常用 到 它 。 在 ASP.NET MVC 的 类 
库 中 ， 已 经 集成 了 对 它 的 引用 。 


”URLRouting 并 不 是 只 能 用 在 MVC 应 用 程序 中 ， 它 还 可 以 在 WebForm 应 用 程序 
注意 | 。 中 使 用 。 不 过 它 在 WebForm 应 用 程序 中 使 用 的 意义 不 大 ， 所 以 这 里 不 做 介绍 。 


另外 ，ASP.NET MVC 框架 是 开放 源 代码 的 ， 而 URLRouting 组 件 目 前 却 不 开源 ， 这 一 点 
大 家 可 以 简单 了 解 一 下 。 


2.2 自 定义 URLRouting 规则 


通过 前 面 的 学 习 ， 我 们 知道 每 新 建 一 个 MVC 项 目 ，Visual Studio 都 会 自动 在 Globalascx 
文件 中 定义 一 个 路 由 规则 。 使 用 这 个 路 由 规则 已 经 可 以 匹配 大 多 数 的 URL, 但 是 有 时 候 为 了 业 
务 需 求 ， 我 们 还 需要 自 定 义 一 些 满足 特定 需求 的 路 由 规则 。 

ASP.NET MVC 提供 了 一 套 很 方便 的 路 由 规则 定义 方案 ， 使 得 我 们 可 以 非常 方便 地 对 路 由 
规则 进行 修改 和 定义 。 


< 视频 教学 : 光盘 /videos/02/2. 2 自 定义 URLRouting 规则 人 @@O 长 度 : 8 分 名 


2.2.1 基础 知识 


路 由 (URLRouting 规则 ) 是 为 了 定义 如 何 处 理 客户 端 请 求 。 每 个 ASPNET MVC 应 用 程序 至 
少 需要 定义 一 个 路 由 来 指明 该 应 用 程序 如 何 处 理 请 求 。 当 然 ， 一 个 非常 复杂 的 ASPNET MVC 
应 用 程序 很 可 能 包含 许 许多 多 的 路 由 。 


1. Global.asax 文件 
在 ASPNET MVC 中 ,默认 情况 下 所 有 的 路 由 规则 都 被 定义 在 应 用 程序 根 目录 下 的 
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Globalasax 文件 中 。 在 ASPNET 应 用 程序 中 ，Global.asax 文件 是 一 个 应 用 程序 文件 ， 该 文件 
包含 响应 ASP.NET 或 HITP 模块 所 引发 的 应 用 程序 级 别 和 会 话 级 别 事件 的 代码 ， 我 们 经 常会 
使 用 它 来 处 理 一 些 应 用 程序 (Application) 对 象 的 初始 化 、 创建 和 和 销毁， 以 及 会 话 (Session) 对 象 的 
创建 与 销毁 和 请 求 Requesb 对 象 的 创建 和 销毁 之 类 的 事件 。 


新 建 一 个 ASP.NET MVC 应 用 程序 以 后 ， 默 认 情 况 下 Globalasax 文件 代码 如 下 : 


using System; 

using System.Collections.Generic; 
using System.Linq7 

using System.Web; 

using System.Web.Mvc; 

using System.Web.Routing; 


namespace MvcWeb 
// 注意 : 有 关 启 用 IIS6 或 IIS7 经 典 模式 的 说 明 
// 请 访问 http://go.microsoft.com/?LinkId=9394801 


public class MvcApplication : System.Web.HttpApplication 
图 
public static void RegisterRoutes (RouteCollection routes) 


routes.IgnoreRoute("{resource} .axd/{*pathIinfo}"); 


Toutes .MapRoute( 
"Default"，// 路 由 名 称 
"{controller}/{action}/{id}"，// 带 有 参数 的 URL 
new { controller = "Home", action = "Index", id = 
UrlParameter.Optional } // 参数 默认 值 
SE 
} 


protected void Application Start() 
{ 


AreaRegistration.RegisterAllAreas (); 


RegisterRoutes (RouteTable.Routes); 
} 
1 


上 面 代码 为 应 用 程序 在 应 用 程序 的 启动 事件 ( 当 HttpApplication 类 的 第 一 个 实例 被 创建 的 


时 候 ) 添 加 一 个 事件 处 理 程 序 Application_Start。 在 该 事件 处 理 程序 中 调用 了 AreaRegistration 类 


的 RegisterAllAreas(0 方 法 ， 注 册 了 ASPNET MVC 应 用 程序 的 所 有 区 域 ， 然 后 调用 


RegisterRoutes() 方 法 为 应 用 程序 注册 路 由 规则 。 


RegisterRoutes() 方 法 接收 一 个 存储 路 由 规则 集合 的 RouteCollection 对 象 ， 并 使 用 


IgnoreRoute() 方 法 为 路 由 集合 添加 一 个 例外 的 URL, 然后 使 用 MapRoute0 方 法 为 路 由 集合 添加 
一 个 路 由 规则 。 
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2. Route 类 
RouteCollection 对 象 以 静态 属性 的 方式 声明 在 RouteTable 类 (命名 空间 System.Web.Routing) 
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中 ， 属 性 名 称 为 Routes。 

RouteCollection 对 象 存 储 的 是 Route 类 (命名 空间 System.Web .Routing) 的 实例 。 一 个 完整 的 
Ronute 类 实例 需要 有 URL、 默 认 值 、 约 束 、 数 据 代 号 和 路 由 处 理 程序 等 属性 。 以 上 各 属性 声明 
如 下 : 


public RouteValueDictionary Constraints { get; set; } 
public RouteValueDictionary DataTokens { get; set; } 
public RouteValueDictionary Defaults { get; set; } 
public IRouteHandler RouteHandler { get; set; } 
public string Url { get; set; } 


另外 ，Route 类 还 有 4 个 构造 方法 ， 用 于 初始 化 路 由 实例 ， 声 明 如 下 : 


public Route(string url, IRouteHandler routeHandler); 

public Route (string url, RouteValueDictionary defaults, IRouteHandler 
routeHandler); 

public Route (string url, RouteValueDictionary defaults, RouteValueDictionary 
constraints, IRouteHandler routeHandler); 

public Route (string url, RouteValueDictionary defaults, RouteValueDictionary 
constraints, RouteValueDictionary dataTokens, IRouteHandler routeHandler); 


从 上 面 4 个 构造 方法 中 可 知 ， 初 始 化 一 个 Route 类 的 实例 首先 必须 有 两 个 属性 URL 和 路 
由 处 理 程序 (routeHandler)， 分 别 用 于 指定 匹配 请 求 的 URL 和 处 理 请 求 的 路 由 处 理 程序 。 

其 次 , 默认 值 也 是 使 用 率 非常 高 的 一 个 属性 ， 所 以 这 里 基于 第 一 个 构造 方法 扩充 了 一 个 带 
默认 值 字典 的 构造 方法 。 

另外 ， 在 实际 开发 过 程 中 ， 还 需要 对 路 由 匹配 的 参数 值 进行 一 些 限 制 ， 所 以 这 里 又 扩展 了 
一 个 带 约束 字典 的 构造 方法 。 

最 后 一 个 构造 方法 的 参数 列表 包含 了 Route 类 的 所 有 属性 。 但 是 DataTokens 属性 我 们 在 开 
发 中 很 少 用 到 ， 所 以 最 后 一 个 方法 不 太 常 用 。 


3. Route 类 的 属性 


1) URL 属性 

在 Route 类 中 ， 属 性 URL 是 一 个 字符 串 ， 用 于 描述 请 求 中 URL 的 格式 。 该 字符 串 可 能 不 
完全 是 一 个 实际 的 URL, 因为 其 中 可 以 带 一 些 由 花 括 号 标记 的 占 位 符 , 使 用 这 些 占 位 符 可 以 
从 URL 中 提取 数据 (URL 路 径 或 者 传递 的 参数 )。 例 如 在 Global.asax 文件 中 默认 添加 的 URL 路 
由 规则 的 URL 属性 如 下 : 


"{controller}/{action}/{id}" 


虽然 理论 上 可 以 使 用 任何 想 要 的 参数 名 称 来 命名 路 由 中 的 占 位 符 标记 ， 但 是 为 了 使 
ASP.NET MVC 程序 能 够 正常 运转 ， 这 里 需要 约定 一 些 特定 的 占 位 符 标 记 ， 例 如 {controller} 和 
{action}。 

{controller} 参 数 的 值 用 于 实例 化 一 个 处 理 请 求 的 控制 器 类 对 象 。 按 照 约定 ， 该 参数 的 值 将 
被 追加 一 个 后 级 Controller， 组 成 一 个 新 的 值 ， 并 试 着 寻找 名 称 为 该 值 的 Controller 类 ， 然 后 实 
例 化 该 Controller 类 ， 用 来 处 理 请 求 。 注 意 这 里 的 Controller 类 需要 实现 IController 接口 (命名 
空间 为 System.Web.Mvc)。 
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{action} 参 数 的 值 用 于 指明 处 理 当 前 请 求 将 调用 控制 器 里 的 哪 一 个 方法 。 这 里 的 方法 名 只 

适用 于 实现 了 IController 接口 (命名 空间 为 System.Web.Mvc) 的 控制 器 类 。 
人 @ |， 这 里 的 faction 参 数 所 映射 的 方法 必须 是 Public( 信 有 的 ) 方 法 ， 否 则 将 访问 不 到 。 

另外 ， 在 参数 名 称 前 面 添加 一 个 星 号 即 可 实现 从 当前 位 置 起 以 后 的 URL 全 匹配 。 例 如 以 
下 代码 : 

"{*args}" 

这 句 代 码 将 匹配 所 有 形式 的 URL。 

2) Defaults 属性 

Route 类 中 的 Defaults( 默 认 值 ) 属 性 是 一 个 以 字典 的 形式 存储 的 “ 键 / 值 ”对 集合 , 它 是 一 个 
RouteValueDictionary 类 型 的 对 象 。 

Defaults 属性 可 以 为 URL 属性 中 的 占 位 符 分 别 指定 一 个 默认 值 , 用 于 在 丢失 或 者 省 略 一 些 


参数 的 时 候 使 用 。 
例如 默认 配置 中 的 Defaults 属性 代码 如 下 : 
new { controller = "Home", action = "Index", id = UrlParameter.Optional } 
// 参数 默认 值 


上 面 代码 使 用 匿名 类 的 方式 为 MapRoute() 方 法 传递 一 个 包含 默认 值 的 匿名 对 象 ， 分 别 为 
URL 的 3 个 占 位 符 设置 了 3 个 默认 值 。MapRoute() 方 法 在 接收 到 该 匿名 类 的 时 候 ， 使 用 反射 的 
方式 将 其 封装 成 原始 格式 。 

下 面 我 们 来 了 解 一 下 原始 的 格式 。 上 面 说 过 ，Defaults 属性 是 一 个 以 字典 形式 存储 的 “ 键 / 
值 ” 对 的 集合 RouteValueDictionary。RouteValueDictionary 类 提供 了 一 个 构造 方法 ， 可 以 将 一 
个 Dictionary 封装 起 来 ， 所 以 这 里 我 们 先 将 数据 以 “ 键 / 值 ” 对 的 形式 保存 到 Dictionary 中 ， 再 
使 用 RouteValueDictionary 的 构造 方法 封装 成 集合 对 象 ， 代 码 如 下 : 

Dictionary<string, object> defaultDict = new Dictionary<string, object>(); 

defaultDict["controller"] = "Home"; 

defaultDict["action"] = "Index"; 

defaultDict["id"] = 0; 

RouteValueDictionary defaultRouteValue = new 

RouteValueDictionary (defaultDict); 

上 面 代码 在 数据 字典 Dictionary 中 封装 了 3 个 值 ,然后 将 该 字典 封装 成 一 个 路 由 默认 值 字典 。 

3) Constraints 属性 

Route 类 中 的 Constraints( 约 束 ) 属 性 也 是 一 个 以 字典 的 形式 存储 的 “ 键 / 值 ”对 集合 ， 它 也 
是 一 个 RouteValueDictionary 类 型 的 对 象 。 

Constraints 属性 可 以 为 对 应 的 URL 属性 中 的 占 位 符 分 别 指定 一 个 约束 ， 限 制 占 位 符 的 取 
值 范围 。 

Constraints 属性 的 使 用 方法 和 Defaults 属性 一 致 ， 不 过 要 注意 的 是 Constraints 属性 字典 中 
的 值 是 以 正则 表达 式 表示 的 字符 串 对 象 。 


sf) >> 
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技术 文档 正则 表达 式 

在 计算 机 科学 中 ， 正 则 表达 式 是 指 一 个 用 来 描述 或 者 匹配 一 系列 符合 某 个 句法 规则 的 字符 串 的 单个 字符 

串 。 在 很 多 文本 编辑 器 或 其 他 工具 里 ， 正 则 表达 式 通常 被 用 来 检索 或 蔡 换 那些 符合 某 个 模式 的 文本 内 容 。 

许多 程序 设计 语言 都 支持 利用 正则 表达 式 进 行 字符 串 操 作 。 

一 些 常 用 的 通配符 说 明 如 下 : 

@ .匹配 任何 单个 字符 。 例 如 正则 表达 式 rt 匹配 的 字符 串 有 rat、mt 和 rt， 但 是 不 匹配 root。 

@ 3 匹配 行 结束 符 。 例 如 正则 表达 式 weasel$ 能 够 匹配 字符 串 "He's a weasel" 的 末尾 ， 但 是 不 能 匹配 字符 
串 "They are a bunch of weasels."。 

@ “匹配 一 行 的 开始 。 例 如 正则 表达 式 ^When in 能 够 匹配 字符 串 "When in the course of human events" 的 开 
始 ， 但 是 不 能 匹配 "What and When in the"。 

@ + 匹配 0 或 多 个 正好 在 它 之 前 的 那个 字符 。 例 如 正则 表达 式 .* 意 味 着 能 够 匹配 任意 数量 的 任何 字符 。 

@ \ 这 是 转 义 符 ， 用 来 将 这 里 列 出 的 元 字符 当 作 普通 的 字符 来 进行 匹配 。 例 如 正则 表达 式 \$ 用 来 匹配 美元 
符号 ， 而 不 是 行 尾 。 

@ | 将 两 个 匹配 条 件 进 行 逻 辑 或 (0OD 运 算 。 例 如 正则 表达 式 (himlhenD 匹配 "it belongs to him" 和 "it belongs to 
her"， 但 是 不 能 匹配 "it belongs to them."。 注 意 这 个 元 字符 不 是 所 有 的 程序 都 支持 。 

@ + 匹配 1 或 多 个 正好 在 它 之 前 的 那个 字符 。 例 如 正则 表达 式 9+ 匹 配 9、99 和 999 等 。 注 意 这 个 元 字符 
不 是 所 有 的 程序 都 支持 。 

@_ ?匹配 0 或 1 个 正好 在 它 之 前 的 那个 字符 。 注 意 这 个 元 字符 不 是 所 有 的 程序 都 支持 。 


例如 我 们 可 以 这 样 对 上 面 的 路 由 规则 进行 约束 : 


RouteValueDictionary constraintRouteValue = new RouteValueDictionary () 7 
constraintRouteValue["controller"] = @"^Nw+"7 
constraintRouteValue["action"] = @"^Nw+"7 

constraintRouteValue["id"] = @"\d+"; 


这 几 行 代码 定义 了 一 个 路 由 约束 集合 ， 这 里 约束 该 路 由 的 controller( 控 制 器 ) 必 须 由 一 个 以 
上 的 英文 字母 组 成 ，action( 动 作 ) 也 必须 由 一 个 以 上 的 英文 字母 组 成 ， 参 数 id 必须 由 一 位 以 上 
的 阿拉 伯 数 字 组 成 。 


6@ ， 前 面 使 用 RouteValueDictionary 类 的 构造 方法 封装 了 一 个 Dictionary 对 象 ， 其 实 
提示 RouteValueDictionary 对 象 可 以 像 Dictionary 对 象 一 样 使 用 索引 器 来 访问 其 内 部 的 
数据 。 
4) RouteHandler 属性 
前 面 说 过 , URLRouting 组 件 是 独立 于 ASPNET MVC 的 , 所 以 其 可 以 配合 ASP.NET MVC 
应 用 程序 使 用 ， 但 在 Route 规则 中 需要 明确 指定 该 路 由 所 指向 资源 的 处 理 程序 。 
RouteHandler 属性 实现 了 IRouteHandler 接口 (命名 空间 为 System.Web.Routing)。 
在 ASP.NET MVC 中 声明 了 一 个 MvcRouteHandler 类 (命名 空间 为 System.Web.Mvc), 该 类 
实现 了 IRouteHandler 接口 ， 所 以 该 类 的 实例 可 以 作为 RouteHandler 属性 的 值 传 入 。 


4. Route 的 使 用 
前 面 讲 过 Route 类 的 各 个 属性 及 其 用 法 ， 这 里 我 们 使 用 原始 的 格式 来 定义 一 个 路 由 规则 。 
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以 默认 的 也 是 最 经 典 的 {controller}/{action}/{id} 为 例 ， 定 义 代码 如 下 : 


RouteValueDictionary defaultRouteValue = new RouteValueDictionary(); 
defaultRouteValue["controller"] = "Home"7 
defaultRouteValue["action"] = "Index"™; 

defaultRouteValue["id"] = 07 


RouteValueDictionary constraintRouteValue = new RouteValueDictionary(); 
constraintRouteValue["controller"] = @"^Nw+"7 
constraintRouteValue["action"] = @"^Nw+"7 

constraintRouteValue["id"] = @"\d+"; 


Route route = new Routel( 
"{controller}/{action}/{id}", 
defaultRouteValue, 
constraintRouteValue, 
new MvcRouteHandler ()); 

routes.Add (route); 


上 面 代码 定义 了 一 个 路 由 规则 ,配置 其 URL 为 {controller}/{action}/{id}， 默 认 值 参数 中 设 
置 controller 的 值 为 Home，action 的 值 为 Index，id 的 值 为 0， 并 为 其 添加 约束 ，controller 和 
action 都 必须 是 以 一 个 或 多 个 英文 字母 开头 的 字符 串 ， 参 数 id 必须 是 数字 ， 最 后 设置 路 由 的 处 
理 程序 为 一 个 新 的 MvcRouteHandler 对 象 。 

好 了 ， 我 们 已 经 为 应 用 程序 配置 了 一 个 路 由 规则 。 不 过 看 到 这 里 ， 是 不 是 已 经 骨 溃 了 一 一 
这 么 喝 哄 。 

当然 ， 有 问题 就 有 解决 的 方法 ， 也 就 是 系统 封装 的 RouteCollection 类 的 MapRoute() 方 法 。 
新 建 项 目 时 系统 自动 创建 的 那个 URLRouting 规则 就 使 用 了 这 种 简便 的 方法 ， 初 始 代 码 如 下 : 


Toutes .MapRoute ( 
"Default"，// 路 由 名 称 
"{controller}/{action}/{id}"，// 带 有 参数 的 URL 
new { controller = "Home", action = "Index", id = UrlParameter.Optional } 
// 参数 默认 值 
) 7 


MapRoute() 方 法 共有 6 个 重 载 形式 ， 声 明 分 别 如 下 : 


public static Route MapRoute (this RouteCollection routes, string name, string 
url); 
public static Route MapRoute (this RouteCollection routes, string name, string 
url, object defaults); 
public static Route MapRoute (this RouteCollection routes, string name, string 
url, string[] namespaces); 
public static Route MapRoute (this RouteCollection routes, string name, string 
url, object defaults, 

object constraints); 
public static Route MapRoute (this RouteCollection routes, string name, string 
url, object defaults, 

string[] namespaces); 
public static Route MapRoute (this RouteCollection routes, string name, string 
url, object defaults, 

object constraints, string[] namespaces); 


这 些 方 法 是 一 个 扩展 类 RouteCollectionExtensions( 命 名 空间 为 System.Web.Mvc) 里 的 方法 ， 
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所 以 第 一 个 参数 this RouteCollection routes 不 必 考 虑 ， 剩 下 的 就 是 名 称 、URL、 默 认 值 、 约 束 
和 数据 标记 等 。 
@ ”这 里 的 参数 “名 称 ” 是 指 为 路 由 规则 起 的 名 字 ， 这 个 名 字 对 于 路 由 的 执行 无 实际 
由 去 | 。 意义 ， 只 用 于 开发 人 员 在 配置 表 时 更 直观 地 操作 路 由 规则 ， 


使 用 MapRoute() 方 法 简化 上 面 的 配置 代码 ， 结 果 如 下 : 


IToutes .MapRoute( 
" Default" 
"{controller}/{action}/{id}", 
new { controller = "Home", action = "Index", id = 0 11}, 
new 1 controller = GANw action = "Nwt", 9 = GNGE 站 
); 
这 里 同样 为 应 用 程序 添加 了 一 个 路 由 规则 ， 这 个 路 由 规则 和 上 面 的 配置 一 样 , 但 是 代码 量 


缩减 到 原来 的 13， 而 且 更 加 清晰 易 读 。 
”因为 MapRoute() 方 法 是 ASPNET MVC 专门 为 RouteCollection 类 扩展 的 方法 ， 该 
各 示 | ”方法 只 为 ASPNET MVC 服务 ， 所 以 这 里 可 以 省 略 掉 对 RouteHandler 属性 初始 化 
的 项 。 


2.2.2 ”实例 描述 


我 自己 做 了 一 个 博客 系统 ， 使 用 的 是 ASPNET MVC 实现 的 视图 架构 ， 也 算是 对 学 习 
ASPNET MVC 的 总 结 。 

当时 在 学 习 之 初 ， 对 路 由 规则 做 了 一 些 配 置 测试 ， 有 一 些 体 会 。 下 面 就 拿 我 配置 的 路 由 给 
大 家 看 一 下 。 


2.2.3 ”实例 应 用 


【 例 2-1】 自 定义 URLRouting 规则 。 

首先 ， 先 预计 我 的 博客 需要 有 以 下 几 种 URL 格式 。 

@ Blog.mvc/2010-11-07 使 用 该 URL 可 以 在 博客 中 查询 系统 中 某 个 日 期 的 所 有 动态 信 
息 。 例 如 博客 文章 、 图 片 等 。 

@ Photo/life.private 使 用 该 URL 在 相册 中 相 询 关键 字 为 life， 访 问 权 限 为 private( 私 有 ) 
的 照片 。 

@ Photo/2010/work 使 用 该 URL 查询 某 年 内 关于 work 的 信息 。 

@ Article/Show/aspnet 使 用 该 URL 可 以 访问 文章 列表 ， 其 中 关键 字 为 aspnet。 

@ Home/Index/32 使 用 该 URL 访问 指定 关键 字 的 内 容 。 这 里 的 关键 字 为 整 型 数值 。 

了 解 过 了 需求 ， 下 面 着 手 编写 路 由 代码 。 为 了 节省 篇 幅 ， 这 里 直接 贴 出 所 有 配置 代码 ， 如 

下 所 示 : 


// Blog.mvc/2010-11-07 
Foutes .MapRoute( 
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"BlogRoute™, 

"Blog.mvc/{date}", 

new { controller = "Blog", action = "List"” }, 
new { date = @"^\d{4}-\d{2}-\d{2}"™ }); 


// Photo/life.private 
Toutes .MapRoute( 
"PhotoRoute" 
"Photo/ {make}. {model}", 
new { controller = "Picture", action = "Show" }, 
new { model = @"(private|lpublic)™ }); 


// Photo/2010/work 
Toutes .MapRoute( 
"PhotoRoute2", 
"Photo/{*values}", 
new { controller = "Photo", action = "Index"” }, 
Duly}s 


// Rrticle/Show/aspnet 
routes.MapRoutel( 
"ArticleRoute", 
"Article/Show/{key}", 
new { controller = "Article", action = "List™ }, 
new { httpMethod = "POST" }); 


// Rrticle/Show/aspnet 
IToutes .MapRoute ( 
"ArticleRoute2", 
"Article/Show/{key}", 
new { controller = "Article", action = "List"™ }, 
new { }); 


// Home/Index/32 
IToutes .MapRoute( 
"Default", 
"{controller}/{action}/{id}", 
new { controller = "Home", action = "Index", id = "0" }, 
new { controller = @"^\w+", action = @"^\w+", id = @"^\d+" }); 


非常 简单 就 完成 了 配置 。 
本 节 就 先 演示 到 这 里 , 至 于 这 些 路 由 如 何 进 行 匹配 , 下 一 节 我 们 将 使 用 调试 工具 进行 测试 。 


2.2.4 实例 分 析 


Ss 源码 解析 


本 实例 根据 各 种 不 同 的 URL 需求 定义 了 许多 不 同 的 路 由 规则 ， 这 里 需要 注意 的 是 路 由 规 
则 中 的 名 称 参 数 不 可 以 重复 。 
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上 面 所 定义 的 路 由 规则 基本 上 很 完美 地 实现 了 前 面 所 说 的 URL 需求 ， 并 且 对 各 种 不 同 的 
需求 添加 了 相应 的 默认 值 和 参数 约束 ， 更 加 完善 了 路 由 规则 的 相关 配置 。 


2.3 使 用 RouteDebugger 调试 路 由 


上 一 节 我 们 在 ASP.NET MVC 项 目 中 定义 了 一 系列 的 URLRouting。 

但 是 至 今 为 止 我 们 只 是 从 理论 上 实现 了 URL 需求 中 的 各 种 规则 , 并 没有 进行 过 实际 测试 。 
有 句 话 叫 “事实 胜 于 雄辩 ”， 在 实践 中 总 是 会 出 现 一 些 这 样 或 者 那样 的 错误 ， 所 以 并 不 能 保证 
我 们 的 路 由 规则 绝对 能 够 很 健壮 地 执行 而 不 出 一 点 问题 。 我 们 不 得 不 想 办 法 对 路 由 规则 进行 
测试 。 

RouteDebugger 类 提供 了 在 ASPNET 平台 下 对 路 则 规则 进行 调试 的 功能 , 本 节 我 们 将 使 用 
该 类 对 上 面 所 写 的 URL 路 由 进行 调试 。 
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2.3.1 基础 知识 


RouteDebugger 类 位 于 一 个 单独 的 类 库 中 , 该 类 库 的 名 称 是 RouteDebug.dll。 这 个 类 库 的 体 
积 非常 小 ( 才 11KB)， 在 网 上 搜索 一 下 就 可 以 找到 。 

要 使 用 RouteDebugger 类 ， 需 要 在 项 目 中 添加 对 该 类 库 的 引用 ， 然 后 导入 该 类 所 在 的 命名 
空间 RouteDebug。 

RouteDebugger 类 是 一 个 静态 类 ， 而 且 该 类 只 有 一 个 公有 的 静态 方法 
RewriteRoutesForTesting()。 

RewriteRoutesForTesting() 方 法 接收 一 个 RouteCollection 类 型 的 对 象 作为 参数 , 该 参数 是 一 
个 配置 好 的 路 由 规则 集合 ， 使 用 该 方法 可 以 对 该 集合 内 的 路 由 规则 进行 可 视 化 测试 。 


2.3.2 ”实例 应 用 


【 例 2-2】 使 用 RouteDebugger 调试 路 由 。 
(1) 首先 运行 上 一 节 的 MVC 项 目 。 
(2) 我 们 要 对 配置 过 的 路 由 规则 进行 测试 ， 需 要 使 用 到 类 库 RouteDebug.dll， 这 一 步 我 们 
在 项 目 中 添加 对 该 类 库 的 引用 。 
(3) 打开 Globalasax 文件 ， 在 页 面 顶 部 添加 对 相应 命名 空间 的 引用 ， 代 码 如 下 : 


using RouteDebug; 


(4) 万 事 俱 备 ， 什 么 风 都 不 欠 了 。 我 们 可 以 直接 在 应 用 程序 的 启动 事件 中 添加 对 路 由 规则 
的 测试 。 这 里 需要 修改 Global.asax 文件 中 的 Application_Start0 方 法 ， 修 改 后 的 结果 如 下 : 


protected void Application Start() 


M 


上 


< 
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法 
AreaRegistration.RegisterAllAreas(); 


/* 初始 化 路 由 规则 */ 

RegisterRoutes (RouteTable.Routes); 

/* 调试 路 由 */ 

RouteDebugger .RewriteRoutesForTesting (RouteTable.Routes); 


. 
(5) 运行 项 目 ， 结 果 如 图 2-6 所 示 。 


2-6 ”路 由 调试 页 面 (1) 


从 运行 后 的 页 面 我 们 看 到 ，RouteDebugger 对 URL 请 求 进行 截获 ， 分 别 在 页 面 中 显示 出 
Route Data、Data Tokens 和 All Routes 等 信息 。 
其 中 在 All Routes 部 分 ， 列 出 了 当前 请 求 的 路 由 测试 结果 以 及 路 由 的 URL、Defaults、 
Constraints 和 DataTokens 等 属性 。 
在 该 操作 的 运行 结果 中 访问 了 该 站 点 的 默认 路 径 ， 所 以 该 操作 匹配 了 后 面 两 个 操作 。 因 为 
后 两 个 操作 中 的 URL 路 径 使 用 的 都 是 占 位 符 ， 默 认 情 况 下 占 位 符 是 可 以 省 略 的 。 
@ ”在 这 里 我 们 并 没有 声明 最 后 一 个 路 由 规则 ， 这 是 RouteDebugger 自动 添加 的 一 个 
注意 | 。 全 匹配 的 路 由 。 


(6) 访问 路 径 Blog.mvc/2010-11-07 来 看 一 下 调试 结果 ， 如 图 2-7 所 示 。 


2-7 ”路 由 调试 页 面 (2) 


qeM 
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be 


从 执行 结果 我 们 看 到 ， 该 URL 仅仅 匹配 了 路 由 规则 Blog mvc/{fdate}， 与 我 们 预计 的 一 样 。 
(7) 访问 路 径 Photolife private 来 看 一 下 调试 结果 ， 如 图 2-8 所 示 。 


2-8 路 由 调试 页 面 (3) 


从 执行 结果 我 们 看 到 ， 该 URL 匹配 了 Photo/{make}.{model} 和 Photo/{*values}。 这 是 因为 
该 URL 的 结构 首先 满足 了 Photo/{make}.{model} 规 则 , 然后 Photo/{*values} 使 用 从 当前 位 置 起 
所 有 字符 全 匹配 ， 所 以 同时 能 满足 这 两 种 Route。 
@ $ 在 所 有 URLrouting 中 ， 如 果 当 前 URL 满足 多 条 Route 配置 ， 则 系统 默认 执行 第 
注意 | 。 一 个 匹配 的 配置 信息 。 


(8) 访问 路 径 Article/Show/aspnet 来 看 一 下 调试 结果 ， 如 图 2-9 所 示 。 


2-9 ”路 由 调试 页 面 (4) 


从 执行 结果 我 们 看 到 ， 该 URL 本 来 匹配 了 第 四 个 和 第 五 个 Route， 因 为 它们 的 URL 规则 
都 是 Article/Show/{key}。 但 是 ， 因 为 第 四 个 Route 比 第 五 个 Route 多 添加 了 一 个 特殊 的 关键 字 
约束 httpMethod， 所 以 我 们 以 普通 的 GET 请 求 方式 不 能 访问 该 URL。 

(9) 访问 路 径 Home/Index/32 来 看 一 下 调试 结果 ， 如 图 2-10 所 示 。 

从 执行 结果 我 们 看 到 ， 该 URL 匹配 了 {controller}/{action}/{id} 规 则 。 但 是 如 果 说 这 里 的 
controller 参数 或 action 参数 不 是 英文 字母 ， 或 者 id 参数 不 是 数字 ， 程 序 将 不 会 匹配 该 路 由 。 
这 里 就 不 再 演示 了 。 


< 
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图 2-10 ”路 由 调试 页 面 (5) 


2.4 URLRouting 和 URLRewrite 的 区 别 
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在 学 习 和 使 用 过 URLRouting 和 URLRewrite 以 后 ， 为 了 更 好 地 了 解 和 区 分 它们 ， 很 多 开 
发 人 员 喜 欢 将 其 二 者 做 比较 。 毕 竟 两 种 方法 都 是 在 运行 时 对 请 求 的 URL 进行 处 理 。 两 者 在 创 
建 URL 和 代码 之 间 的 分 离 非常 有 用 ， 都 可 以 帮助 我 们 创建 用 于 搜索 引擎 优化 (Search Engine 
Optimization，SEO) 功 能 的 简洁 URL。 


$ 我们 可 以 使 用 URLRouting 或 URLRewrite 来 组 织 URL, 使 其 更 加 结构 化 、 易 读 和 
得 未 | 。 有 利于 搜索 引擎 解析 。 


关于 二 者 的 区 别 ，Ruslan Yakushev 在 LearnIIS.NET 上 发 表 了 一 篇 很 有 指导 意义 的 文章 。 
文章 中 说 道 : 二 者 的 本 质 区 别 在 于 IIS 对 URL 重 写 的 处 理 方式 比 ASPNET 路 由 的 层次 更 低 ， 
而 且 对 客户 端 是 不 可 见 的 。 可 以 看 到 URL 重 写 模 块 是 在 请 求 时 被 传递 到 请 求 处 理 器 
(Handler), 例如 ASP.NET 管理 的 ASPX 在 处 理 器 之 前 被 激活 。IIS 的 URL 重 写 并 不 知道 具体 
的 请 求 处 理 器 。 

此 文章 同时 还 给 出 了 ASP.NET URLRouting 过 程 的 可 视 化 工作 流 。 可 以 看 到 ASP.NET 
URLRouting 就 是 一 个 请 求 分 发 器 , 它 必 须 明 确 地 获知 一 个 特定 的 请 求 究竟 应 途经 哪个 处 理 器 。 

光 看 文字 ， 可 能 有 点 临 涩 难 懂 。 我 们 可 以 通过 它们 的 用 途 来 了 解 它们 的 区 别 。 

首先 ， 前 面 讲 过 URL 是 一 个 标识 资源 地 址 的 字符 串 ， 到 服务 器 中 ， 如 何 根据 URL 字符 串 
为 用 户 请 求 执行 相应 的 处 理 ， 需 要 一 个 中 间 的 映射 机 制 来 对 系统 资源 进行 统一 的 调配 ， 如 图 
2-11 所 示 。 
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2-11 URL 资源 映射 机 制 
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URL 映射 机 制 (我 们 先 这 么 叫 着 ) 将 解析 用 户 请 求 的 URL, 然后 根据 解析 结果 调用 相应 的 资 
源 以 响应 用 户 的 请 求 。 

下 面 先 来 看 一 下 URLRouting。 我 接触 URLRouting 是 在 学 习 ASPNET MVC 的 时 候 , 姑且 
就 以 它 在 ASP.NET MVC 中 的 表现 做 讲解 。 

前 面 我 们 说 过 在 ASP.NET MVC 中 ，URLRouting 是 作为 服务 器 中 请 求 的 入 口 ， 所 有 的 请 
求 都 将 由 它 集中 处 理 ， 转 发 到 相应 的 资源 (这 里 的 资源 可 能 是 文件 或 者 Controller 对 象 的 
Action)。URLRouting 在 ASP.NET MVC 应 用 程序 中 的 角色 如 图 2-12 所 示 。 
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2-12 ASP.NET MVC 请 求 执行 流程 


可 以 看 到 URLRouting 起 着 和 URL 映射 机 制 类 似 的 资源 映射 的 功能 , 而 URLRewrite 则 不 然 。 
URLRewrite 一 般 用 于 改写 请 求 的 URL。 例 如 下 面 的 URL 地 址 : 


/blog/list-3.aspx 
使 用 URLRewrite 可 以 将 其 重 写成 : 
/blog/list.aspx?cid=3 


其 实 这 两 个 URL 都 可 以 被 访问 ， 只 是 第 一 个 的 结构 更 简单 而 已 。 
在 Web 应 用 中 ，URLRewrite 的 执行 流程 如 图 2-13 所 示 。 
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2-13 ”URLRewrite 处 理 流程 图 


例如 在 一 个 公司 里 ， 张 总 (老板 ) 很 忙 ， 所 以 他 交代 公司 前 台 : 今天 有 人 来 找 我 就 让 李 四 经 
理 处 理 一 下 。 这 就 相当 于 URLRewrite 中 定义 了 一 个 重 写 规则 : 客户 访问 张 总 ， 交 给 李 四 经 理 
处 理 一 下 。 

这 个 时 候 ， 如 果 有 人 (不 熟悉 的 人 ) 来 找 张 总 处 理 问 题 ， 公 司 的 前 台 就 去 请 李 四 经 理 出 来 帮 
用 户 处 理 问题 。 问 题 处 理 完了 ， 用 户 走 了 ， 可 是 用 户 要 找 的 张 总 却 是 一 直 没 有 露面 。 也 可 能 
总 不 在 公司 ， 照 样 却 有 人 代 张 总 将 问题 给 处 理 了 。 


< 


2.5 ”常见 问题 解答 


2.5.1 能 否 把 URLRouting 的 配置 信息 保存 到 XML 文件 中 


我 能 不 能 把 URLRouting 的 配置 信息 保存 到 XML 文件 中 呢 ? 
网 络 课堂 : http:/Wbbs.itzcn.cony/thread-3934-1-1.html 


平常 我 们 使 用 一 些 框架 配置 信息 的 时 候 通常 是 将 配置 信息 保存 到 XML 文件 中 ，ASPNET 
MVC 的 URLRouting 是 将 路 由 配置 代码 写 入 Globalasax 文件 中 。 

问题 1: 这 样 用 总 是 感觉 不 好 ， 我 能 不 能 把 它 单 独 放 在 一 个 XML 文件 中 呢 ? 

问题 2:， 如 果 可 以 ， 我 应 该 怎么 做 ? 

【解决 办 法 】 

问题 1: 当然 可 以 。 

问题 2: 路 由 信息 其 实 是 写 了 一 些 配 置信 息 在 代码 中 ， 其 他 一 些 框架 总 是 会 将 配置 信息 写 
到 XML 中， 其 实现 思路 也 是 一 样 的 ， 只 是 微软 不 建议 我 们 这 么 做 。 

首先 , 你 的 应 用 程序 中 的 URLRouting 配置 信息 多 长 时 间 改 一 次 ? 经 常 改 吗 ? 应 该 不 是 吧 。 
所 以 URLRouting 配置 一 般 都 是 一 劳 永 逸 的 工作 。 

但 是 如 果 你 真 的 想 配置 在 XML 文件 中 ， 我 可 以 给 你 一 个 简单 的 思路 。 

(1) 首先 需要 定义 你 的 XML 文件 结构 ， 以 便 你 以 后 容易 使 用 代码 进行 分 析 。 

(2) 使 用 XML 反 序列 化 或 者 直接 读 取 XML 文件 , 取出 配置 信息 。 这 一 点 你 要 了 解 序列 化 
的 知识 或 者 XML 的 操作 技术 。 

(3) 使 用 反射 技术 将 读 取出 来 的 配置 信息 封装 到 匿名 对 象 中 。 

(4) 最 后 添加 到 路 由 集合 中 。 

这 是 大 概 的 思路 ， 你 可 以 到 网 上 查阅 相关 的 资料 。 网 上 好 像 也 有 现成 的 例子 可 供 参考 ， 百 
度 一 下 你 就 知道 了 。 


2.5.2 具体 系统 的 URLRouting 配置 会 不 会 很 多 


一 个 具体 的 系统 ，URLRouting 配置 会 不 会 很 多 ? 
网 络 课堂 : http://bbs.itzen.com/thread-3934-1-1.html 


在 一 个 具体 的 应 用 程序 中 ，URLRouting 是 不 是 非常 多 ? 

在 Java 中 ， 使 用 SSH 框架 做 的 项 目 往往 几 百 上 千 行 甚 至 更 多 的 配置 信息 ，ASPNET 是 不 
是 也 这 样 呀 ? 

这 时 把 配置 信息 放 在 Globalasax 文件 中 会 不 会 很 乱 ? 

【解决 办 法 】 关 于 URLRouting 会 不 会 很 多 的 问题 ， 那 就 要 看 你 的 系统 的 复杂 度 了 ， 如 果 

说 你 的 系统 非常 简单 ， 就 没 必要 配置 太 多 的 路 由 信息 ， 甚 至 使 用 默认 的 就 完全 可 以 了 。 

另外 你 要 是 觉得 配置 信息 放 在 Global.asax 文件 中 会 很 乱 ， 完 全 可 以 把 它 放 到 其 他 文件 中 。 
例如 建立 一 个 实例 类 ， 提 供 一 些 相应 的 方法 ， 然 后 在 Application Start 方法 中 调用 ， 将 其 初始 
化 了 即 可 。 
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2.6 习 题 


一 、 填 空 题 
(1) 一 般 的 URL 都 是 由 协议 、 主 机 名 、 端 口号 、 路径、 和 信息 片断 等 部 分 组 成 。 
(2) URLRouting 颠覆 了 URL 和 文件 系统 一 对 一 的 关系 ， 它 可 以 将 URL 直接 映射 到 一 个 
Controller( 控 制 器 ) 中 的 ” 上。 


(3) URLRouting 位 于 命名 空间 。 
(4) Route 类 的 Constraints 属性 是 以 表示 的 字符 串 。 
二 、 选 择 题 
(1) 在 Route 类 中 ， 下 列 属性 中 的 属性 用 于 配置 路 由 的 路 径 信息 。 
A. Constraints B. Defaults 
C. RouteHandler D. URL 
(2) RouteTable 类 的 Routes 属性 是 一 个 类 型 的 属性 。 
A. RouteCollection B. List 
C. Routes D. RouteTable 
(3) 在 Route 类 的 URL 属性 中 的 占 位 符 里 ， 约 定 代表 接收 请 求 的 控制 器 类 。 
A. controller B. control 
C. Controllers D. action 
(4) 在 Route 类 的 URL 属性 中 的 {action} 参 数 所 映射 的 方法 必须 是 的 方法 ， 否 
则 将 访问 不 到 。 
A. public B. protected 
C. Friend D. private 
三 、 上 机 练习 


上 机 练习 : 自 定义 一 个 路 由 规则 . 
自 定义 一 个 路 由 规则 ， 该 路 由 规则 可 以 匹配 如 下 URL: 


News/2010/11/3/asp.net 
News/2010/8/31/mvc/3 


这 里 要 求 第 一 部 分 必须 为 News， 第 二 、 第 三 和 第 四 部 分 分 别 是 日 期 的 年 、 月 和 日 ， 最 后 
面 的 所 有 字符 为 一 部 分 。 
请 配置 出 完整 的 URLRouting 规则 。 


< 
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内 容 摘要 


本 书 前 面 章节 讲解 了 ASP.NET MVC 框架 的 基本 概念 和 URLRouting， 为 本 章 的 讲解 打下 
了 坚实 的 基础 。 下 面 将 更 详细 地 讨论 MVC 架构 中 的 一 个 核心 元 素 一 一 控制 器 。 

控制 器 可 以 理解 为 用 户 接收 请 求 ， 将 模型 与 视图 匹配 在 一 起 ， 共 同 完成 用 户 的 请 求 。 划 分 
控制 器 的 作用 也 很 明显 ， 它 清楚 地 告诉 你 ， 它 就 是 一 个 分 发 器 ， 选 择 什 么 样 的 模型 ， 选 择 什么 
样 的 视图 ， 可 以 完成 什么 样 的 用 户 请 求 。 控 制 器 并 不 做 任何 数据 处 理 。 例 如 ， 用 户 单 击 一 个 链 
接 ， 控制 层 接收 请 求 后 ， 并 不 处 理 业 务 信息 , 它 只 把 用 户 的 信息 传递 给 模型 。 告 诉 模型 做 什么 ， 
然后 选择 符合 要 求 的 视图 返回 给 用 户 。 因 此 ， 一 个 模型 可 能 对 应 多 个 视图 ， 一 个 视图 可 能 对 应 
多 个 模型 。 

模型 、 视 图 与 控制 器 的 分 离 ， 使 得 一 个 模型 可 以 具有 多 个 显示 视图 。 如 果 用 户 通过 某 个 视 
图 的 控制 器 改变 了 模型 的 数据 ， 那 么 所 有 其 他 依赖 于 这 些 数 据 的 视图 都 应 反映 这 些 变化 。 无论 
何 时 发 生 了 何 种 数据 变化 ， 控 制 器 都 会 将 变化 通知 所 有 的 视图 ， 使 显示 更 新 。 

MVC 模型 中 的 控制 器 (Controller) 主 要 负责 响应 用 户 的 输入 ， 可 以 修改 模型 (Model) 以 响应 
用 户 的 输入 。 这样 ，MVC 模式 中 的 控制 器 主要 关注 的 是 应 用 程序 中 的 流动 ， 处 理 引 入 的 数据 ， 
并 提供 输出 到 相关 视图 (View) 的 数据 。 

本 章 主要 为 大 家 讲解 Controller 的 实现 原理 。 

学 习 目 标 

@ 了 和 解 并 掌握 控制 器 的 创建 
掌握 控制 器 类 和 动作 
掌握 Response.Write() 的 用 法 
掌握 ActionResult 类 的 使 用 


了 解 并 掌握 映射 参数 
掌握 RedirectToAction 方法 的 使 用 
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3.1 创建 Controller 


控制 器 是 MVC 应 用 程序 的 构造 函数 , 严谨 地 勾画 了 用 户 、 模型 对 象 以 及 视图 的 交互 作用 。 
它 负 责 响应 用 户 输入 ， 操 纵 适 当 的 模型 对 象 ， 然 后 选择 适当 的 视图 来 显示 给 用 户 以 响应 最 初 的 
输入 。 

MVC 控制 器 负责 响应 对 ASP.NET MVC 网 站 发 起 的 请 求 。 每 个 浏览 器 请 求 都 将 被 映射 到 
一 个 专门 的 控制 器 。 本 节 就 为 大 家 讲解 如 何 创建 一 个 Controller。 


A 
时 ?视频 教学 :光盘 /videos/03/3.1 创建 Controller 图 长 度 : 6 分 钟 


3.1.1 基础 知识 一 一 Controller 的 要 求 


控制 器 主要 负责 接受 和 解释 输入 , 并 更 新 任何 需要 的 数 
据 类 (模型 ), 然后 通知 用 户 进行 了 修改 或 程序 更 新 (本 书 将 在 
第 5 章 详细 讨论 视图 )。 

控制 器 继承 System.Web.Mvc.Controller 类 , 当 新 建 一 个 
ASPNET MVC 2 Web 应 用 程序 时 , 系统 会 自动 生成 控制 器 ， 
包含 在 Controllers 文件 夹 中 , 控制 器 名 称 以 Controller 结尾 。 
例如 ，XyzController 的 名 称 即 为 Xyz， 一 般 首 字母 要 大 写 。 
创建 了 应 用 程序 之 后 , 【解决 方案 资源 管理 器 】 窗 格 下 面 就 
会 出 现 控 制 器 所 在 的 文件 夹 Controllers， 如 图 3-1 所 示 。 


3.1.2 ”实例 描述 


图 3-1 控制 器 


小 鸟 之 所 以 能 够 在 天 空中 飞翔 ， 是 因为 它 有 翅膀 ; 人 们 
之 所 以 能 够 从 河 的 这 边 到 达 河 的 那 边 , 是 因为 河上 搭 了 一 座 桥 ; 卫星 之 所 以 能 够 被 成 功 地 发 射 ， 
是 因为 有 运载 火箭 的 支持 。 同 理 , 用 户 信息 之 所 以 能 够 显示 在 页 面 中 , 是 因为 有 控制 器 的 存在 。 
也 就 是 说 用 户 信息 是 通过 控制 器 来 响应 的 ， 以 下 为 大 家 讲解 如 何 创建 控制 器 。 


3.1.3 ”实例 应 用 


【 例 3-1】 创 建 Controller。 

(1) 新 建 ASPNET MVC 2 Web 应 用 程序 ， 命 名 为 chapter3 。 默 认 生成 两 个 控制 器 ， 即 
Account 和 Home。 如 果 我 们 要 新 建 一 个 控制 器 ， 最 简单 的 方法 就 是 在 【解决 方案 资源 管理 器 】 
的 Controllers 文件 夹 上 右 击 鼠标 。 并 依次 选择 【添加 】| 【控制 器 】 命 令 ， 如 图 3-2 所 示 。 

弹出 【添加 控制 器 】 对 话 框 ， 如 图 3-3 所 示 。 如 果 需 修改 名 字 ， 可 在 此 对 话 框 中 进行 修改 。 
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图 3-2 新 建 控制 器 图 3-3 【添加 控制 器 】 对 话 框 


(2) 控制 器 里 默认 有 两 个 动作 方法 一 一 Index0 和 About0, 它们 的 返回 值 都 为 ActionResult， 
默认 生成 的 代码 如 下 : 


public ActionResult Index() 
{ 


ViewData["Message"] = "欢迎 使 用 ASP.NET MVC!"; 
return View(); 


} 
public ActionResult About() 


return View(); 


} 
3.1.4 运行 结果 


运行 程序 ， 默 认 加 载 Home 控制 器 ， 它 将 默认 寻找 Index 视图 并 显示 出 来 ， 效 果 如 图 3-4 
所 示 。 


我 的 MVC 应 用 程序 


站 尖 便 用 AsPNET MVE! 


3-4 控制 器 


3.1.5 ”实例 分 析 


ye 


控制 器 是 ASP.NET MVC 2 Web 应 用 程序 自 带 的 ， 当 然 也 可 以 添加 控制 器 。 那么 如 何 添加 


< 
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控制 器 呢 ? 在 以 上 案例 中 已 经 讲 过 其 操作 步骤 了 。 
关于 项 目 创建 时 自 带 的 控制 器 ， 也 就 是 Home 和 Account 控制 器 ， 当 运行 程序 的 时 候 ， 会 
默认 加 载 Home 控制 器 ， 并 显示 Index 视图 ， 即 默认 的 URL 地 址 为 ~/home/index。 


3.2 ”获取 产品 列表 


在 Web 项 目 开发 过 程 中 ， 有 很 多 种 框架 可 供 选择 ， 例 如 NET Framework 框架 和 MVC 框 


架 等 。 
本 节 将 以 获取 产品 列表 为 例 ， 为 读者 讲解 MVC 框架 中 的 控制 器 类 和 动作 。 
= 视频 教学 : 光盘 /videos/03/3.2 ”获取 产品 列表 @@ 长 度 : 8 分钟 


3.2.1 基础 知识 一 一 控制 器 类 和 动作 


编写 控制 器 的 标准 方法 是 让 控制 器 继承 System.Web.Controller 的 抽象 基 类 ， 它 可 以 实现 
Controller 的 基 类 。 因 为 控制 器 类 向 源 自 基 类 的 控制 器 提供 很 多 用 于 响应 对 ASP.NET MVC 网 
站 所 进行 的 HTTP 请 求 的 方法 ， 所 以 它 是 用 来 为 所 有 控制 器 的 基 类 服务 的 。 

源 自控 制 器 的 类 的 所 有 公有 方法 都 将 成 为 动作 方法 ， 它 们 通过 HTTP 请 求 来 调用 。 但 与 
Execute 的 单 块 式 实现 不 同 ， 用 户 可 以 在 控制 器 里 创建 多 个 动作 方法 ， 每 个 方法 都 将 响应 具体 
的 用 户 输入 。 

动作 是 控制 器 的 一 个 方法 ， 当 你 在 浏览 器 地 址 栏 中 输入 某 一 特定 的 URL 时 ， 将 会 调用 这 
个 方法 。 举 个 例子 ， 假 设 你 对 下 面 这 个 URL 发 出 请 求 : 


http://localhost/Product/Index/3 


在 本 例 中 ，Index() 方 法 在 ProductController 类 上 被 调用 。Index() 方 法 是 控制 器 动作 的 一 个 
实例 。 

一 个 控制 器 动作 必须 是 控制 器 类 的 一 个 公共 方法 。 控 制 器 动作 还 要 满足 一 些 额外 的 需求 。 
作为 控制 器 动作 来 使 用 的 方法 不 能 够 重 载 。 另 外 ， 控 制 器 动作 不 能 为 静态 方法 。 除 此 之 外 ， 你 
可 以 将 任何 方法 作为 控制 器 动作 来 使 用 。 


3.2.2 ”实例 描述 
“海纳百川 ， 有 容 乃 大 ”， 这 句 话 是 用 来 形容 一 个 人 心胸 像 大 海 一 样 宽阔 。 


获取 产品 列表 ， 可 以 从 一 个 泛 型 集合 里 面 获取 产品 信息 。 这 里 的 泛 型 集合 ， 就 相当 于 大 海 
一 样 ， 可 以 容纳 很 多 条 产品 信息 。 下 面 就 用 控制 器 动作 来 实现 产品 信息 的 添加 与 读 取 。 


3.2.3 ”实例 应 用 


【 例 3-2】 获 取 产 品 列表 。 


mmf?) >> 
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(1) 创建 一 个 ASPNET MVC 2 Web 应 用 程序 ， 名 称 为 chapter3 。 在 Models 文件 夹 下 新 建 
一 个 包含 产品 数据 的 类 ， 名 字 为 Products， 产 品 数据 代码 如 下 : 


public class Products 
/// <summary> 
/// 产品 编号 
/// </summary> 
public int ProIQ { get; set; } 


/// <summary> 

/// 产品 名 称 

/// </summary> 

public string ProductName { get; set; } 


/// <summary> 

/1/ 产品 价格 

/// </summary> 

public double ProductPrice { get; set; } 


(2) 如 上 所 述 ，Products 相当 于 一 个 仓库 的 名 字 ， 现 在 仓库 里 面 没有 产品 ， 我 们 就 要 往 里 
面 添 加 商品 。 实 例 化 一 个 泛 型 List<Models.Products>， 名 字 为 Produccts。 然 后 用 Add() 方 法 向 
Products 里 添加 数据 ， 代 码 如 下 : 


public ActionResult Index() 

{ 
List<Models.Products> products = new List<Models.Products>(); 
products.Add (new Models.Products { BroId = 1, ProductName = "数码 相机 "， 
ProductPrice = 2000 }); 
products.Add (new Models.Products { BroId 
ProductPrice = 2000 }); 
products.Add (new Models.Products { ProId = 3, ProductName = "笔记 本 "， 
ProductPrice = 2000 }); 
products.Add(new Models.Products { ProId = 4，ProductName = "液晶 显示 器 "， 
ProductPrice = 2000 }); 
products.Add (new Models.Products { Prold = 5, ProductName = "音响 "， 
ProductPrice = 2000 }) 7 
products.add (new Models.Products { ProId = 6，ProductName = "电脑 桌 "， 
ProductPrice = 2000 }); 
return View(products); 


2，ProductName = "冰箱 "， 


} 


(3) 在 视图 中 获取 动作 方法 传递 过 来 的 数据 。 在 ASP.NET 
MVC 框架 中 添加 视图 的 时 候 ， 可 以 自动 与 Model 类 关联 ， 如 ee 
图 3-5 所 示 。【 视 图 数据 类 】 选 为 Products 类 ，【 视 图 内 容 】 Be 
选 为 List， 并 选择 你 想 要 的 母 版 页 。 在 这 里 ， 要 注意 将 生成 的 
代码 放 在 指定 的 位 置 。 


3.2.4 运行 结果 3-5 【添加 视图 】 对 话 框 


运行 程序 ,URL 默认 地 址 为 http://localhost:2377/, 这 个 时 候 Home 控制 器 会 默认 寻找 Index() 
动作 方法 , 也 就 是 说 实际 的 默认 地 址 为 http://localhost:2377/Home/Index, 如 图 3-6 和 图 3-7 所 示 。 


< 


A Web 开发 学 习 实录 


3-6 默认 地 址 3-7 ”实际 默认 地 址 
运行 程序 ， 效 果 如 图 3-8 所 示 。 


图 3-8 获取 产品 列表 


3.2.5 ”实例 分 析 


S 源码 解析 


以 Home 控制 器 为 例 ,运行 程序 之 后 ， 它 将 默认 寻找 Index() 动 作 方 法 ， 并 通过 该 动作 方法 
找到 对 应 的 视图 。 

当然 ， 我 们 也 可 以 用 其 他 控制 器 去 寻找 对 应 的 视图 。 在 该 案例 中 ， 用 控制 器 动作 保存 了 一 
个 泛 型 集合 Products， 要 想 让 这 些 数据 显示 在 视图 中 ， 最 简单 的 方法 就 是 在 添加 动作 方法 对 应 
的 视图 时 ， 指 定 Model 类 以 及 要 显示 的 数据 形式 。 


3.3 没有 MV 的 ASP.NET MVC 


MVC 框架 分 为 3 个 部 分 ， 分 别 为 Model、View 和 Controller。 通 常 ，MVC 框架 的 3 个 部 
分 是 共同 使 用 的 ， 使 得 代码 逻辑 更 加 规范 。 现 在 我 们 可 以 只 用 控制 器 来 实现 页 面 的 展示 效果 。 


得 
时 ?视频 教学 : 光盘 /videos/03/3.3 没有 MYV 的 ASP.NET MVC @O 长 度 : 4 分 钟 


3.3.1 基础 知识 一 一 Response.Write 方法 


在 Response 中 Wirite 方法 是 最 常用 的 方法 , 该 方法 可 以 向 浏览 器 动态 输出 信息 。 任 何 类 型 
数据 ， 只 要 是 ASP.NET 中 合法 的 数据 类 型 ， 都 可 以 用 Response.Write 方式 来 显示 。 
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3.3.2 ”实例 描述 


第 3 章 Controller 及 Action 引 


所 谓 没 有 MV 的 MVC， 就 是 只 使 用 控制 器 层 就 能 够 显示 所 设计 的 页 面 。 下 面 的 案例 将 为 


大 家 实现 这 样 的 效果 。 


3.3.3 ”实例 应 用 


【 例 3-3】 没 有 MYV 的 ASPNET MVC。 


创建 一 个 没有 返回 


态 页 面 ， 代 码 如 下 : 


值 的 动作 方法 ， 名 称 是 WriteHtml0。 用 Response.Write0 方 法 来 输出 静 


Response.Write("<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 
'http://www.w3.0org/TR/xhtml11/DTD/xhtmll1l .dtd'>"); 
Response.Write("<html>"); 

Response.Write("<head>"); 

Response.Write("<meta http-equiv='content-type' content='text/html; 
charset=iso-8859-1'/>"); 


Response.Write("<meta 
Response.Write("<meta 
Response.Write("<meta 
Response.Write("<link 


name='description' content='description'/>"); 
name='keywords' content='keywords'/>"); 
name='author' content='author'/>"); 
rel='stylesheet' type='text/css' 


href=" 


Response. 
Response. 
Response. 
Response. 
-Write ("<h1l> 艺 术 人 生 </h1>"); 


Response 


Response. 
Response. 
Response. 
Response. 
Response. 
Response. 
Response. 
Response. 
Response. 
Response. 
Response. 
Response. 
Response. 


恶 ， 善 者 伪 也 </a> 告 子 说 : 人 之 初 ， 性 本 无 向 ， 犹 如 水 ， 决 之 东 则 东 ， 决 之 西 则 西 。 


../../Ccontent/default.css' media='screen'/>"); 


Write ("<title> 艺 术 人 生 </title>"); 


Write("</head>"); 
Write("<body>"); 


Write("<div class='header'>"); 


Write("</div>"); 


Write("<div class='navigation'>"); 


Write("<a href='index. 
Write("<a href='index. 
-html'> 完 美 开朗 </a>") ， 
-html'> 艺 术 成 就 </a>"); 


Write("<a href='index. 


index 
index 


Write("<a href= 
Write("<a href= 


html'> 艺 术 成 就 </a>"); 
html'> 和 平 助人 </a>"); 


html'> 思 想 智慧 </a>"); 


Write("<div class='clearer'><span></span></div>"); 


Write("</div>"); 


Write("<div class='container'>"); 

Write("<div class='content'>"); 

Write ("<h1> 中 国 古代 的 思想 家 认为 :</h1>"); 

Write ("<p> 孟 子 日 : 人 之 初 ， 性 本 善 <a href='index.html'> 苟 子 日 ， 人 之 初 ， 性 本 


</p>"); 


Response.Write ("<cite> 人 性 是 罪恶 的 ， 来 到 这 世界 是 为 了 赎罪 ,可 我 们 却 在 越 陷 越 深 。 马 克 思 认 


为 : 人 是 社会 关系 的 产物 。 


< oiler 


Response.Write ("<p> 所 有 这 些 问题 都 在 于 想 对 人 性 整体 作 一 个 说 明 , 这 些 认 识 都 是 基于 人 生命 不 存 
在 生命 层次 区 别 的 不 同 。</p>") ; 
Response. Write ("<p> 其 实 人 是 一 个 三 个 生命 层次 即 灵 、 魂 、 体 的 复合 体 ， 三 个 生命 层次 的 属性 可 以 


相同 , 也 可 以 不 相同 


Response- 


Write("</p>"); 


Response.Write("<div class='divider'></div>"); 
Response.Write ("<hl> 人 的 灵魂 或 精神 </h1>"); 
Response.Write ("<p> 人 的 灵魂 或 精神 ， 是 支配 肉体 和 自我 意识 的 主体 ， 是 对 客观 认识 的 逻辑 体系 ， 


是 人 的 理性 知识 和 智慧 世界 的 主体 。 


Response - 


Write("<ul>"); 


</p>"); 
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Response .Write ("<1i> 平 安 </1i>")7 

Response .Write ("<1i> 喜 乐 </1i>"); 

Response.Write ("<1i> 仁 爱 </1i>"); 

Response.Write("</ul>"); 

Response .Write ("<p> 例 如 , 一 个 小 孩 的 魂 或 精神 就 最 容易 受伤 害 , 一 个 较 重 的 适当 (或 不 适当 ) 的 批 
评 ， 就 可 以 让 小 孩 在 某 些 方面 完全 否定 自己 在 积极 方面 已 有 的 成 长 ，…… <VE> mL 
Response.Write("<div class='divider'></div>"); 

Response.Write ("<hl> 人 的 知识 逻辑 体系 </h1>"); 

Response.Write("<p> 可 见 ， 积 极 方面 的 培养 很 不 容易 ， 可 谓 百年 树 人 。 但 消极 方面 的 毁灭 可 以 说 是 
非常 容易 的 一 件 事 。…… /p> 

Response.Write("<code>margin-bottom: 1l2px;font: normal 1.lem 'Lucida Sans 
Unicode', serif;background: url(img/quote.gif) no-repeat;padding-left: 
28px;color: #555;</code>"); 

Response.Write ("<p> 可 见 ， 积 极 方面 的 培养 很 不 容易 ， 可 谓 百年 树 人 。 但 消极 方面 的 毁灭 可 以 说 是 
非常 容易 的 一 件 事 。</p>"); 

Response.Write("</div>"); 

Response.Write("<div class='footer'>"); 

Response.Write("g&copy; 2006 <a href='index.html'>Website</a>. Valid <a 
href='http://jigsaw.w3.org/css-validator/check/referer'>CSS</a> &amp; <a 
href='http://validator.w3.org/check?uri=referer'>XHTML</a>. Design by <a 
href='http://arcsin.se'>Arcsin</a>"); 

Response.Write("</div>"); 

Response.Write("</div>"); 

Response.Write("</body>"); 

Response.Write("</html>"); 


3.3.4 运行 结果 


运行 程序 ， 效 果 如 图 3-9 所 示 。 


人 二 
= 
nh 


关上 /ON 


3-9 没有 MV 的 ASP.NET MVC 


3.3.5 ”实例 分 析 


Sn 


Response.Write0) 方 法 有 很 多 种 用 途 。 例如， 输出 JavaScript 脚本， 输出 HTML 代码 等 。 


sé >> 


PM 


i 
。 第 3 章 Controller 及 Action 了 


由 于 Response.Write() 方 法 可 以 直接 输出 HTML 代码 ， 那 么 我 们 就 可 以 直接 在 控制 器 中 输 
出 设计 好 的 HTML 页 面 ， 而 不 用 管 视图 和 模型 中 的 代码 应 该 写 什 么 ， 只 需要 通过 控制 器 就 可 
以 实现 一 个 很 漂亮 的 网 页 。 


3.4 ”提交 购物 车 到 订单 


提交 购物 车 到 订单 ， 就 是 将 购物 车 内 的 商品 信息 添加 到 订单 中 。 本 节 主 要 讲解 有 关 
ActionResult 类 的 知识 ， 使 读者 对 控制 器 有 更 深 一 层 的 认识 。 


忆 八 视频 教学 光盘 /videos/03/3.4 提交 购物 车 到 订单 (1) @k& 度 : 10 分 名 
提交 购物 车 到 订单 (2) 四 长 度 : 5 分 钟 


3.4.1 基础 知识 一 一 ActionResult 类 


动作 方法 通过 Response.Write() 将 文本 直接 写 到 HTTP 响应 中 。 当 然 , 虽然 这 是 生成 HITP 
响应 的 一 种 有 效 的 方法 ， 但 是 这 并 不 是 最 高 效 的 方法 ， 此 外 它 还 挫败 了 ASPNET 的 一 些 比较 
整洁 的 功能 ， 比 如 Master Pages。 

前 面 讲 到 ，MVC 模式 中 控制 器 的 用 途 是 响应 用 户 输入 。 在 ASPNET MVC 中 ， 动 作 方法 
是 对 用 户 输入 响应 的 粒度 单元 。 动 作 方 法 最 终 负 责 处 理 用 户 请 求 并 输出 显示 给 用 户 的 响应 ， 即 
通常 的 HTML 脚本 。 

动作 方法 遵循 的 模式 是 完成 任何 要 求 的 工作 ， 并 在 最 后 返回 继承 自 ActionResult 抽象 基 类 
的 类 型 的 实例 。 

下 面 来 看 ActionResult 抽象 基 类 的 源 代码 。 

// 封 装 一 个 操作 方法 的 结果 并 用 于 代表 该 操作 方法 执行 框架 级 操作 


public abstract class ActionResult 


// 初 始 化 System.Web .Mvc.ActionResult 类 的 新 实例 
protected ActionResult (); 
// 通 过 从 system.Web.Mvc.ActionResult 类 继承 的 自 定 义 类 型 ， 启用 对 操作 方法 结果 的 处 理 
/ /参数 context 用 于 执行 结果 的 上 下 文 。 上 下 文 信息 包括 控制 器 、HTTP 内 容 、 请 求 上 下 文 和 
路 由 数据 。 
public abstract void ExecuteResult (ControllerContext context); 
} 
该 类 包含 了 一 个 构造 函数 和 一 个 方法 ， 方 法 就 是 ExecuteResult。 动 作 结 果 代 表 了 
注意 | ”动作 方法 想 要 架构 为 我 们 完成 的 命令 。 

一 般 来 说 ， 动 作 结果 处 理 的 是 架构 层次 上 的 工作 ， 而 动作 方法 处 理 的 是 应 用 程序 的 逻辑 。 
例如 ， 当 请 求 显示 一 列 产品 列表 时 ， 动 作 方法 将 查询 数据 库 ， 并 将 合适 的 产品 列表 放 在 一 起 显 
示 出 来 ， 其 中 可 能 需要 基于 应 用 程序 中 的 业务 规则 来 完成 某 种 过 滤 。 至 此 ， 动 作 方法 完全 将 注 
意 力 集中 在 应 用 程序 的 逻辑 上 。 

然而 ,一 旦 方法 为 显示 产品 列表 做 好 准备 之 后 ， 可 能 不 希望 动作 方法 中 的 代码 直接 处 理 架 
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构 层 次 上 的 信息 管道 ， 例 如 将 产品 清单 写 入 响应 中 。 可 能 会 有 一 个 自 定义 的 模板 ， 它 知道 如 何 
将 产品 集合 格式 化 成 HTML。 最 好 不 要 把 信息 封装 在 动作 方法 中 。 

可 供 使 用 的 一 项 技术 是 让 动作 方法 实例 化 ViewResult( 继 承 自 ActionResulb 的 一 个 实例 , 并 
提供 数据 给 该 实例 ， 然 后 返回 该 实例 。 此 时 ,动作 方法 完成 其 工作 ， 而 动作 调用 者 将 调用 关于 
ViewResult 实例 的 ExecuteResult 方法 ， 这 将 完成 剩余 的 工作 ; 这 里 给 出 了 代码 可 能 的 情况 。 


public ActionResult ListProducts() 


IList<Product> products=SomeRespository.GetProducts (); 
ViewDate.Model=product; 
return new ViewResult (ViewDate=this.ViewDate); 


} 


在 实践 中 ， 可 能 永远 不 会 直接 看 到 类 似 的 实例 化 ActionResult 实例 的 代码 。 取 而 代 之 ， 将 
使 用 Controller 类 中 的 一 个 辅助 方法 ， 例 如 下 面 的 View 方法 : 


public ActionResult ListProducts () 

{ 
IList<Product> products=SomeRespository.GetProducts (); 
return View(products); 


} 
1. 动作 结果 的 类 型 


ASP.NET MVC 包括 执行 常见 任务 的 ActionResult 类 型 。 

1) EmptyResult 

顾名思义 ， 这 一 结果 用 来 指明 架构 不 做 任何 事情 ， 这 里 遵循 的 常见 设计 模式 叫做 Null 
Object 模式 ， 它 将 通过 一 个 实例 来 替换 空 的 引用 。 在 该 实例 中 ，ExecuteResult 方法 具有 一 个 空 
的 实例 。 

2) ContentResult 

这 一 结果 将 其 指定 的 内 容 (通过 Content 属性 指定 ) 写 入 响应 中 。 此 外 ， 这 个 类 还 支持 指定 
内 容 的 编码 (通过 ContentEncoding 属性 指定 ) 以 及 内 容 类 型 (通过 ContentType 属性 指定 )。 

如 果 没 有 指定 编码 ， 那 么 就 使 用 当前 HttpResponse 实例 的 内 容 编码 。HttpResponse 的 默认 
编码 是 在 web.config 的 全 局 化 元 素 中 指定 的 。 

同样 ， 如 果 没 有 指定 内 容 类 型 ， 则 使 用 当前 HttpResponse 实例 上 的 内 容 类 型 设置 。 
HttpResponse 默认 的 内 容 类 型 是 text/html。 

3) FileResult 

除了 用 于 将 二 进 制 内 容 (例如 ， 磁盘 上 的 Microsoft Word 文档 或 来 自 SQL Server 中 blob 列 
的 数据 ) 写 入 响应 中 之 外 ， 该 结果 非常 类 似 于 ContentResult。 设 置 结果 上 的 FileDownloadName 
属性 并 设置 Content-Disposition 题 头 的 适当 值 ， 会 导致 一 个 文件 下 载 对 话 框 出 现 。 

FileResult 是 一 个 抽象 基 类 ， 用 于 如 下 3 个 不 同 的 文件 结果 类 型 : 

© ”FilePathResult 

© FileContentResult 

© FieStreamResult 

4) JsonResult 

该 结果 使 用 JavaScriptSerializer 类 来 将 其 内 容 ( 通 过 Data 属性 指定 ) 串 行 化 为 
JSON(JavaScript Object Notation) 格 式 。 对 于 简单 的 Ajax 情形 ， 如 果 需 要 一 个 动作 方法 来 以 一 
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种 易于 为 JavaScript 消费 的 格式 返回 数据 ， 那 么 这 一 结果 将 非常 有 用 。 
与 ContentResult 一 样 ，JsonResult 的 内 容 编码 和 内 容 类 型 都 可 以 通过 属性 来 设置 。 唯 一 的 
区 别 在 于 默认 的 ContentType 是 application/json， 而 不 是 该 结果 对 应 的 text/html。 


@” VonResult 串 行 化 整个 对 象 图 表 。 因 此 ， 如 果 提 供 一 个 ProductCategory 对 象 (含有 

注意 20 个 Product 实例 的 集合 )， 那 么 还 将 串 行 化 每 个 Product 实例 并 将 其 包含 到 发 送 
给 响应 的 JSON 中 。 现 在 ， 假 设 每 个 Product 都 含有 一 个 包含 20 个 Order 实例 的 
Orders 集合 ， 那 么 可 以 想象 ，JSON 响应 可 能 迅速 膨胀 。 


5) JavaScriptResult 

JavaScriptResult 用 来 在 客户 端 执行 来 自 服务 器 的 JavaScript。 例 如 ， 在 使 用 内 置 的 Ajax 辅 
助 方法 发 送 给 动作 方法 的 请 求 时， 方法 可 能 只 是 返回 一 些 JavaScript， 它 将 在 到 达 客 户 端 时 立 
刻 执行 : 


public ActionResult DoSomething(){ 
script s="$('#some-div') .html ('Updated!')"; 
return Javascript (s); 


. 
这 里 假设 引用 了 Ajax 和 jQuery， 将 通过 如 下 代码 来 调用 : 


<%=Ajax.ActionLink ("click","DoSomething",new AjaxOption()) $%> 

<div id="some-div"></div> 

6) RedirectResult 

该 结果 将 执行 重新 指向 指定 URL 的 HTTP( 通 过 Url 属性 设置 )。 从 内 部 讲 ， 该 结果 调用 
HTTPResponse.Redirect 方法 , 将 HTTP 状态 码 设 置 为 HTTP/1.1 302 Object Moved, 导致 浏览 器 
立刻 发 送 一 个 对 指定 URL 的 新 请 求 。 

7) RedirectToRouteResult 

执行 HTTP 重 定向 与 执行 RedirectResult 的 方式 一 样 , 不 同 的 是 , 没有 直接 指定 一 个 URL， 
这 一 结果 使 用 路 由 选择 的 API 来 确定 重 定向 的 URL。 

其 中 ， 有 两 个 便捷 的 方法 RedirectToRoute 和 RedirectToAction， 这 两 个 方法 将 返 
的 结果 。 

8) ViewResult 

该 结果 调用 IViewEnging 实例 的 FindView 方法 , 返回 IView 的 一 个 实例 。 随 后 , ViewResult 
调用 IView 实例 上 的 Render 方法 , 它 将 呈现 响应 的 输出 。 一般 来 讲 , 这 将 把 指定 的 视图 数据 ( 即 
动作 方法 准备 显示 在 视图 中 的 数据 ) 融 入 一 个 模板 中 (该 模板 将 对 被 显示 的 数据 进行 格式 化 )。 

9) PartialViewResult 

除了 调用 FindPartialView 方法 (而 不 是 FindView) 来 定位 视图 之 外 ， 该 结果 的 工作 方式 与 
ViewResult 的 工作 方式 完全 相同 。 它 用 来 呈现 局 部 视图 (如 ViewUserControl), 而且 在 局 部 更 新 
的 时 候 ， 它 起 到 了 关键 的 作用 。 


2. 动作 结果 的 辅助 方法 


如 果 在 默认 的 ASP.NET MVC 项 目 模 板 中 仔细 查看 默认 的 控制 器 动作 ， 就 会 发 现 动 作 方 
法 实际 上 没有 实例 化 ViewResult。 例 如 ， 下 面 给 出 了 Abonut 方法 的 代码 : 


该 类 型 


可 


<@— 
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public ActionResult Rbout () 
return View(); 


} 
@ 它 只 是 返回 对 View 方法 的 调用 结果 。 控制 器 类 包含 几 个 返回 ActionResult 实例 的 
注意 便捷 方法 ， 这 些 方法 的 目的 是 以 更 可 读 和 更 公开 的 方式 来 实现 动作 方法 。 这 里 没 
有 创建 动作 结果 的 新 实例 ， 更 为 常见 的 是 只 返回 其 中 一 个 便捷 方法 的 结果 。 
动作 结果 的 辅助 方法 通常 是 按照 方法 返回 的 动作 结果 类 型 来 命名 的 , 并 使 用 Result 作为 后 
级。 因此 ，View 方法 将 返回 ViewResult 的 一 个 实例 。 类 似 地 ，Json 方法 返回 JsonResult 的 一 
个 实例 。 只 有 一 个 例外 的 情形 ， 即 RedirectToAction 方法 将 返回 RedirectToRoute 的 一 个 实例 。 
表 3-1 列 出 了 现 有 的 方法 及 其 返回 的 类 型 。 


表 3-1 动作 结果 的 辅助 方法 


方 法 说 明 
Redirect() 返回 一 个 RedirectResult， 将 用 户 重新 指向 适当 的 URL 地 址 
RedirectToAction() | 返回 一 个 RedirectToRouteResult， 将 用 户 重新 指向 一 个 使 用 了 所 提供 的 路 由 值 的 动作 
RedirectToRoute() | 返回 一 个 RedirectToRouteResult， 将 用 户 重新 指向 与 指定 路 由 值 匹配 的 URL 地 址 
View0 返回 一 个 ViewResult， 将 视图 呈现 给 响应 
PartialViewO) 返回 一 个 PartialViewResult， 将 局 部 视图 呈现 给 响应 
Content() 返回 一 个 ContentResult， 将 指定 的 内 容 (字符 串 ) 写 入 响应 中 
File0 返回 一 个 继承 自 FileResult 的 类 ， 将 二 进 制 的 内 容 写 入 响应 中 
Json0) 返回 一 个 ContentResult， 它 包含 了 来 自 将 对 象 串 行 化 到 JSON 中 的 输出 
JavaScript() 返回 一 个 含有 JavaScript 代码 的 JavaScriptResult， 当 返回 到 客户 端 时 ， 立 刻 执行 该 代码 


3， 隐 式 的 动作 结果 


对 于 ASP.NET MVC 以 及 通常 的 软件 开发 而 言 ， 不 变 的 目标 是 让 代码 执行 的 目的 尽 可 能 
地 清晰 。 曾 经 有 一 段 时 间 ， 让 一 个 非常 简单 的 动作 方法 只 用 于 返回 一 个 单一 片段 的 数据 。 在 这 
种 情况 下 ， 让 动作 方法 的 签名 来 反映 其 返回 的 信息 是 非常 有 用 的 。 

为 了 着 重 指出 这 一 点 , 请 看 下 面 的 返回 值 类 型 为 double 的 动作 方法 。 现 在 将 距离 计算 的 结 
果 直 接 写 入 响应 中 , 采用 代表 两 点 的 参数 (x1，y1) 和 (x2，y2), 返回 一 个 代表 两 点 距离 的 double 
型 的 值 ， 实 现代 码 如 下 : 

public double Distance (int xl1, int yl, int x2, int y2) 

: double x = Math.Pow (x2-x1,2); 


double Y = Math.Pow(y2-y1,2); 
return Math.sqrt (x+y); 


全 \ 返回 的 类 型 是 double， 而 并 不 是 继承 自 ActionResult 的 类 型 ， 这 是 可 以 接受 的 。 

注意 | ” 当 ASP.NET MVC 调用 该 方法 并 发 现 返回 的 类 型 并 不 是 一 个 ActionResult 时 ， 它 
将 自动 实例 化 一 个 含有 动作 方法 结果 的 ContentResult， 并 像 ActionResult 一 样 从 
内 部 使 用 它 。 
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隐 式 的 动作 结果 可 能 的 返回 值 如 表 3-2 所 示 。 


表 3-2 隐 式 的 动作 结果 


返回 的 值 说 明 


空 值 


动作 调用 者 通过 一 个 EmptyResult 的 实例 来 蔡 换 空 的 结果 , 它 遵循 的 是 Null Object 
Pattem。 因 此 ， 实 现 者 编写 自 定义 动作 过 滤器 而 不 必 担 心 产生 空 的 动作 结果 


Void 


| 动作 调用 者 将 动作 方法 当 作 其 返回 空 值 来 处 理 ， 因 此 返回 了 一 个 EmptyResult 


对 象 (除了 ActionResult | 动作 调用 者 使 用 对 象 上 的 InvariantCulture 来 调用 ToString, 并 将 结果 字符 串 封 装 
之 外 的 任何 对 象 ) 到 ContentResult 实例 中 


3.4.2 ”实例 描述 


随 着 互联 网 的 快速 发 展 ， 一 部 分 消费 者 开始 到 网 上 购物 ， 这 样 省 力 省 时 又 省 事 。 以 前 ， 我 
做 过 一 个 电子 商务 系统 ， 客 户 注重 的 是 购物 车 这 一 模块 ， 这 不 仅 涉 及 资金 流动 问题 ， 也 涉及 消 
费 者 的 使 用 感受 。 比 如 ， 用 户 想 要 购买 的 商品 没 货 了 ， 那 么 就 可 以 将 购物 车 中 的 商品 提交 到 订 
单列 表 中 ， 方 便 卖 家 对 产品 进行 及 时 采购 。 


3.4.3 ”实例 应 用 


【 例 3-4】 提 交 购物 车 到 订单 。 
(1) 创建 一 个 ASP.NET MVC 应 用 程序 ， 名 字 为 Shopping。 
(2) 在 Models 文件 夹 下 添加 一 个 ProductName 类 ， 用 于 记录 购物 车 中 的 产品 信息 。 代 码 


如 下 : 


public class Product 


{ 


| 


/// <summary> 

/// 产品 编号 

/// </summary> 

public int ProId { get; set; } 

/// <summary> 

/// 产品 名 称 

/// </summary> 

public string ProductName { get; set; } 
///<summary> 

/// 产 品 价格 

/// </summary> 

public double ProductPrice { get; set; } 
/// <summary> 

/// 产品 数量 

/// </summary> 

public int Number { get; set; } 


(3) 添加 一 个 控制 器 ， 名 称 为 GouWuCheController。 在 控制 器 里 添加 一 个 带 有 返回 值 的 方 
法 ， 名 称 为 AddProducts， 表示 要 向 购物 车 中 添加 商品 ， 返 回 一 个 泛 型 集合 。 向 购物 车 中 添加 5 


< 
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条 数据 ， 代 码 如 下 : 


public List<Models.Product> AddProducts () 
3. 
List<Models.Product> products = new List<Models.Product>(); 
products.Add (new Models.Product { ProlId = 1, ProductName = 
ProductPrice = 5, Number = 3 }); 
products.Add (new Models.Product { ProlId = 1, ProductName = 
ProductPrice = 5, Number = 3 }); 
products.Add (new Models.Product { ProlId = 1, ProductName = 
ProductPrice = 5, Number = 3 }); 
products.Add (new Models.Product { ProlId = 1, ProductName = 
ProductPrice = 50, Number = 1 }); 
products.Add (new Models.Product { ProlId = 1, ProductName = 
ProductPrice = 5, Number = 3 }); 
return products; 


; 


(4) 这 些 数据 要 提交 到 订单 视图 中 , 就 先 添加 一 个 订单 控制 器 
OrderController， 并 添加 对 应 的 视图 Index.aspx。 创 建 强 类 型 视图 ， 
连接 对 应 的 模型 Product， 并 选择 以 列表 显示 ， 如 图 3-10 所 示 。 

(5) 将 购物 车 中 的 商品 信息 提交 到 订单 中 ， 代 码 如 下 : 


public ActionResult Index() 

{ 3-10 
List<Models.Product> products = AddProducts () 7 图 添加 视图 
return View("~/Views/Orders/Index.aspx", products); 


3.4.4 ”运行 结果 


运行 程序 ， 在 地 址 栏 中 添加 字符 串 gouwuche/index 并 回 车 ， 效 果 如 图 3-11 所 示 。 


3-11 显示 提交 购物 车 到 订单 


3.4.5 ”实例 分 析 


a 


在 该 案例 中 ,Index() 方 法 的 返回 值 是 ActionResult 类 。 将 产品 信息 从 购物 车 提交 到 订单 中 ， 
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这 里 创建 了 一 个 方法 ， 用 来 向 购物 车 中 添加 产品 ， 返 回 值 为 泛 型 类 。 将 数据 传 到 订单 页 面 ， 这 
里 使 用 了 View 方法 ， 代 码 如 下 : 
return View("~/Views/Orders/Index.aspx", products); 


其 中 ，products 表示 传递 的 泛 型 集合 。 
3.5 提交 用 户 信息 


在 这 个 互联 网 的 时 代 ， 不 管 是 老人 ， 还 是 小 孩 ， 都 有 自己 的 网 名 。 当 然 ， 一 个 人 可 以 有 很 
多 个 网 名 ， 比 如 说 我 在 网 上 看 到 一 个 很 不 错 的 论坛 ， 想 成 为 会 员 ， 我 就 要 注册 我 的 信息 。 进 入 
注册 界面 ， 填 写 用 户 信息 并 提交 。OK， 这 样 你 就 成 为 这 个 论坛 的 会 员 了 ， 很 简单 的 。 

本 小 节 将 为 大 家 讲解 如 何 用 MVC 框架 来 实现 提交 用 户 信息 的 功能 。 


上 视频 教学 ， 光盘 /videos/03/3.5 提交 用 户 信息 OK 度 : 6 分 外 


3.5.1 基础 知识 一 一 映射 参数 


找到 了 动作 方法 ， 调 用 者 就 负责 将 值 映射 给 方法 的 参数 。 表 3-3 详细 说 明了 调用 者 查找 参 
数值 的 地 方 。 

一 旦 调用 者 映射 了 动作 方法 的 每 个 参数 值 ， 它 就 准备 好 调用 动作 方法 本 身 了 。 此 时 ， 调 用 
者 将 构建 一 个 与 当前 动作 方法 有 关 的 过 滤器 列表 ， 并 以 正确 的 顺序 调用 与 动作 方法 绑 定 在 一 起 
的 过 滤器 。 


表 3-3 调用 者 查找 参数 值 的 地 方 


Request.Form 集合 这 是 提交 的 表单 ， 包 含 名 称 / 值 对 
特别 是 位 于 当前 RequestContext.RouteData.RouteValues 中 。 路 由 数据 取决 
于 拥有 一 个 已 定义 的 路 由 , 它 可 以 将 请 求 的 URL 映射 到 动作 方法 的 参数 中 


路 由 数据 
Request.QueryString 集合 这 是 添加 到 URL 后 面 的 名 称 / 值 对 
3.5.2 ”实例 描述 


在 ASPNET MVC 中 ， 要 将 View 中 的 数据 传递 到 控制 器 中 ， 主 要 通过 发 送 表单 的 方式 来 
实现 。 下 面 这 个 案例 主要 实现 提交 用 户 信息 的 功能 。 


3.5.3 ”实例 应 用 


【 例 3-$】 提 交 用 户 信 息 。 
(1) 创建 一 个 ASPNET MVC 空 应 用 程序 ， 名 称 为 Userinfo 。 


<@— 


[< 


mw) >> 


(2) 首先 建立 一 个 页 面 ， 用 来 让 用 户 输入 用 户 名 和 密码 。 我 们 知道 ， 在 ASP.NET MVC 中 
不 能 直接 请 求 ASPX 文件 ， 任 何 请 求 都 要 通过 Controller。 

在 Home 控制 器 下 新 建 一 个 名 为 Get_userinfo 的 Action 方法 , 用 Request.Form 的 方法 来 获 
取 用 户 人 信息。 具体 代 码 如 下 : 


public ActionResult Get userinfo() 
{ 
string username = Request.Form["username"]; 
string password = Request.Form["pwd"]; 
if (username == "admin" && password == "admin") 
{ 
ViewData["Message"] = username + "---" + password; 
return View(); 
} 
return View(); 


} 


(3) Action 方法 做 完了 ， 我 们 还 需要 视图 。 添 加 Get_userinfo 视图 ， 用 GET 方式 提交 用 户 
名 和 密码 。 代 码 如 下 : 


<% using (Html .BeginForm("Get userinfo", "Home",FormMethod.Get)) 
{ $> 


UserName: <%=Htm]l .TextBox("username") $%> 
Password: <%=Htm]l .TextBox ("pwd")%> 

<input type="submit" value=" 提 交 " id="btn sub" /> 
<%} 多 > 


其 中 HtmlBeginForm() 方 法 的 第 一 个 参数 表示 对 应 的 Action 方法 ， 第 二 个 参数 表 
注意 | 。 示 对 应 的 控制 器 ， 第 三 个 参数 表示 提交 的 方式 。 


3.5.4 运行 结果 


运行 程序 ， 效 果 如 图 3-12 所 示 。 


图 3-12 匿名 提交 用 户 信息 


3.5.5 ”实例 分 析 


si 


提交 用 户 信息 , 首先 就 得 确保 用 户 输入 信息 在 Form 表单 中 . 用 户 信 息 将 包含 在 如 下 代码 中 : 
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Html .BeginForm("Get userinfo", "Sub userinfo" ,FormMethod.Get) 
在 这 里 设置 了 访问 对 象 及 方式 。 当 Form 表单 结束 之 后 ， 要 自动 释放 。 这 里 用 到 了 using() 
方法 ， 也 可 以 使 用 Html.EndForm() 方 法 最 为 Html.BeginForm() 方 法 的 结束 。 


3.6 ”页 面 动作 跳 转 


页 面 动作 跳 转 , 就 是 当 用 户 单 击 某 个 链接 或 者 按钮 的 时 候 , 当前 页 面 会 跳 转 到 另 一 个 页 面 ， 
这 里 所 谓 的 “ 单 击 ”就 表示 一 个 动作 。 本 节 就 用 MVC 框架 来 实现 页 面 动作 跳 转 的 功能 。 


< 视频 教学 : 光盘 /videos/03/3.6 页面 动作 跳 转 人 @@ 长 度 : 5 分 钟 


3.6.1 基础 知识 一 一 RedirectToAction 方法 


如 果 你 想 访问 一 个 视图 ， 那么 你 可 以 在 控制 器 的 动作 方法 中 调用 View0 方 法 。 如 果 你 想 要 
将 用 户 从 一 个 控制 器 动作 重 定向 到 别处 ， 那 么 你 可 以 调用 RedirectToAction0 动 作 跳 转 方法 。 


3.6.2 ”实例 描述 


在 互联 网 上 ， 我 们 常常 可 以 通过 图 标 或 者 按钮 进入 另 一 个 页 面 ， 这 种 行为 就 叫做 跳 转 。 现 
在 将 从 一 个 控制 器 的 动作 跳 转 到 另 一 个 控制 器 的 动作 中 ， 在 ASP.NET MVC 框架 中 ， 这 种 行为 
就 叫做 动作 跳 转 。 接 下 来 的 这 个 案例 ， 以 页 面 动 作 跳 转 命名 ， 为 大 家 讲解 动作 跳 转 的 实现 过 程 。 


3.6.3 ”实例 应 用 


【 例 3-6】 页 面 动作 跳 转 。 
(1) 新 建 一 个 ASP.NET MVC 应 用 程序 ， 名 称 为 Action_tiaozhuan。 
(2) 要 实现 页 面 的 跳 转 ， 首 先 要 添加 两 个 控制 器 ,分别 为 PageOne 和 PageTwo， 如 图 3-13 
和 图 3-14 所 示 。 
(3) 将 以 上 两 个 控制 器 中 的 Index() 方 法 去 掉 ， 分 别 重 新 创建 一 个 Action 方法 ，PageOne 控 
制 器 的 Action 方法 为 One()，PageTwo 控制 器 的 Action 方法 为 Two0。 要 将 PageOne 的 视图 跳 
转 到 PageTwo 的 视图 ， 先 添加 两 个 对 应 的 视图 。 分 别 右 击 两 个 Action 方法 ， 弹 出 添加 视图 对 
话 框 ， 如 图 3-15 和 图 3-16 所 示 。 


图 3-13 添加 PageOne 控制 器 3-14 ”添加 PageTwo 控制 器 
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3-15 添加 One 视图 3-16 添加 Two 视图 


(4) 分 别 为 它们 选择 母 版 页 ， 单 击 【 选 择 母 版 页 】 选 项 组 的 加 按钮， 弹出 【选择 母 版 页 】 
对 话 框 ， 然 后 选择 ViewMasterPagel.Master 母 版 页 ， 如 图 3-17 所 示 。 


ET EE 


图 3-17 选择 母 版 页 


(5) 页 面 动作 从 PageOne 控制 器 的 One 动作 跳 转 到 PageTwo 控制 器 的 Two 动作 。 用 
RedirectToAction() 方 法 来 跳 转 ， 代 码 如 下 : 


public ActionResult One() 
{ 


return RedirectToAction ("Two", "PageTwo"); 


} 
\ 这 里 的 第 一 个 参数 表示 将 要 跳 转 的 目的 页 面 的 动作 方法 ， 第 二 个 参数 表示 对 应 的 
提示 | 。 控制 器 名 称 。 


3.6.4 ”运行 结果 


运行 程序 , 在 地 址 栏 里 输入 /pageone/one 并 回 车 , URL 地 址 变 为 /pagetwo/two, 如 图 3-18 所 示 。 


3-18 ”页 面 动 作 跳 转 
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3.6.5 实例 分 析 


Or 


该 案例 主要 讲述 了 RedirectToAction 跳 转 方法 ， 其 实 还 有 其 他 跳 转 方法 ， 例 如 Redirect 和 
server transfer 等 。 

RedirectToAction() 方 法 有 多 个 重 载 ， 该 案例 中 用 的 是 包含 两 个 参数 的 重 载 ， 第 一 个 参数 是 
跳 转 的 Action 方法 ， 第 二 个 参数 是 控制 器 名 称 。 代 码 如 下 : 


return RedirectToAction ("Two"， "PageTwo") 
3.7 ”常见 问题 解答 


3.7.1 ASP.NET MVC 登录 的 问题 


ASP.NET MVC 登录 的 问题 。 
网 络 课堂 : http:Wbbs.itzcn.cony/thread-2976-1-1.html 


我 写 了 一 个 登录 的 POST 方法 如 下 : 


[HttpPost] 
public ActionResult AdminLogin(string UserName, string Password) 
{ 

if (tbuserBll .ValidateUser (UserName, Password) == 0) 


{ 


Session["userid"] = tbuserB11.GetUserIDbyUserName (UserName); 
Session["username"] = UserName; 
return RedirectToAction("Show", "Admin"); 


} 


else if (tbuserBll.ValidateUser (UserName, Password) == 2) 

{ 
Response.Write ("<script>alert (' 该 账号 已 被 封 停 ') </script>"); 
return View("AdminLogin"); 

} 

else 

{ 
Response.Write ("<script>alert (' 账 号 或 密码 错误 ')</script>"); 
return View("AdminLogin"); 


我 想 在 母 版 页 中 显示 出 “欢迎 您 *** 用 户 ”， 怎 么 做 ? 如 果 要 在 show 页 面 调用 Session 的 
值 ， 为 什么 非 要 用 return RedirectToAction("Show"."Admin"): 而 不 能 用 returnView("Show")。 
先 谢谢 高 手 了 ， 请 讲 具 体 点 好 吗 ， 谢 谢 …… 
【解决 办 法 】RedirectToAction 方法 有 6 个 重 载 ， 这 个 方法 将 会 跳 转 到 另 一 个 action 中 去 ， 
两 个 string 参数 的 重 载 方法 指明 : 第 一 个 参数 是 action 的 名 字 , 第 二 个 参数 是 Controller 的 名 字 。 


<E@— 
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3.7.2 ”Controller 如 何 返 回 DataTable 给 页 面 


[Es ASP.NET MVC 中 的 Controller 如 何 返 回 DataTable 给 页 面 ? 


[2 角 网 络 课堂 : http://bbs.itzcn.comy/thread-2976-1-1.html 


public class MyController : Controller 
{ 

Wk 

// GET: /My/ 


public ActionResult Index() 

t 
ViewData["my"] = "this is my first mvc example!™"; 
return View(); 


) 


public ActionResult GetData() 

上 
DataTable dtSource = new DataTable() 7 
dtSource.Columns.Add (new DataColumn ("姓名 ", typeof (string))); 
dtSource.Columns.Rdd (new DataColumn ("年 龄 "，typeof (int))); 


dtSource.Rows.Add (new object[]{" 张 三 ", 20}); 
dtSource.Rows.Add(new object[] { " 李 四 "， UO 


return View(); 
} 


这 是 全 部 家 当 了 ， 请 大 家 指点 ! 
【解决 办 法 】 在 方法 中 这 样 写 ， 把 DataTable 存 到 ViewData 中 。 


ViewData["data"]=dtSource; 


然后 页 面 上 会 取出 来 。 


3.7.3 ”Controller 中 的 变量 问题 


| 史册 ”ASP.NET MVC 在 Controller 中 的 变量 问题 。 
[es 胃 网 络 课堂 : http://bbs.itzcn.com/thread-2976-1-1.html 


在 Controller 定义 了 一 个 变量 ， 这 个 变量 有 页 面 操作 时 返回 一 个 值 。 


int pid=0; 
public ActionResult searchByGategory() 
{ 


pid = Convert .ToInt32 (Request.Form["list"]); 
return RedirectToAction("DictionaryContent"); 


} 


当 方 法 转 到 DictionaryContent 时 , pid 的 值 就 变 了 , 即 重新 变 回 0。 这 种 情况 的 原因 是 什么 ， 
应 该 怎么 处 理 呢 ? 


Ra 人 ) >> 


【解决 办 法 】 修 改 返 回 值 的 参数 。 


return RedirectToAction("DictionaryContent", new{pid=pid}); 


3.7.4 ASP.NET MVC 的 传 值 问题 


但 各 ”ASPNET MVC 的 传 值 问题 。 


Eg 网 络 课堂 ; http://bbs.itzcn.com/thread-2976-1-1.html 


我 刚 学 MVC 框架 , 就 是 我 想 从 甲 页 面 传 一 个 值 到 乙 页 面 , 怎么 做 ? 首先 , 我 在 Index.aspx 
视图 里 写 了 如 下 代码 : 

<%=Html .ActionLink ("点 我 "， "Happi", "Home", new { uname = "小 药 " })%> 

HomeController.cs 里 面 的 代码 如 下 : 


public ActionResult Happi (String uname) 
{ 


ViewData["haha"] = uname; 
return View(); 


. 
在 Happi.aspx 视图 里 的 代码 是 : 
<$%=ViewData["haha"] 多 > 
感觉 这 样 应 该 没什么 问题 ， 可 是 我 将 鼠标 在 超 链接 上 悬浮 的 时 候 ， 显 示 的 是 
http://localhost:6846/Home/Happi?Length=4 而 不 是 http://localhost:6846/Home/Happi?uname= BadBoy 
当 我 在 地 址 栏 直接 入 http://localhost:6846/Home/Happi?uname=BadBoy 却 能 够 正确 传 值 。 
【解决 办 法 】 写 的 时 候 看 着 点 参数 名 。 


<%=Html .ActionLink ("点 我 "， "Happi", "Home", new { uname = "小 蔡 " })%> 
<%=Html .ActionLink (显示 名 称 ，Action， 要 传递 的 routeData，html 属性 ) $> 


这 里 有 4 个 参数 ， 第 3 个 是 routeData， 而 第 4 个 是 htmlAttribute， 也 就 是 你 实际 传 的 是 

Home， 所 以 Length=4。 如 果 要 传递 第 4 个 参数 ， 需 要 使 用 5 个 参数 的 重 载 ， 应 这 样 写 : 
<%=Html .ActionLink (" 点 我 "， "Happi", "Home", new { uname = "小 药 " } nul1) 区 > 
这 样 就 行 了 ， 或 者 使 用 不 指定 Controller 的 方法 。 


<%=Html .ActionLink (" 点 我 "， "Happi", new { uname = "小 蒙 " })%> 


一 、 填 空 题 
(CD 控制 器 名 称 必须 以 结尾。 
(2) 一 个 控制 器 动作 必须 是 控制 器 类 的 一 个 。 ”方法 . 
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(3) MVC 控制 器 负责 响应 对 网 站 发 起 的 请 求 。 每 个 浏览 器 请 求 都 被 映射 到 一 
个 的 控制 器 。 
(4) 模型 、 视 图 与 的 分 离 ， 使 得 一 个 模型 可 以 具有 个 显示 视图 。 
(5) 调用 者 查找 参数 值 的 地 方 ， 包 括 、 路 由 数据 和 
二 、 选 择 题 
(1) 下 面 选项 是 动作 结果 的 辅助 方法 。 
A. show B. hide 
C. ViewData D. View 
(2) 以 下 选项 是 ASP.NET MVC 中 动作 跳 转 的 方法 。 
A. Redirect B. RedirectToAction 
C. Transfer D. Link 
(3) 控制 器 涉及 的 内 容 不 包含 
A， 控制 器 (Controller) B. 控制 器 方法 (Action) 
C. 控制 器 结果 (ActionResult) “ D. 视图 (View) 
(4) 下 列 选项 不 属于 动作 结果 类 型 。 
A. RedirectResult B. FileInfo 
C. JsonResult D. ContentResult 
(5) 用 于 输出 页 面 标 签 的 方法 是 . 
A. Request.form B. Request.QueryString 
C. Response.Write D. Response.WriteLine 
三 、 上 机 练习 


上 机 练习 : 将 控制 器 中 动作 方法 保存 的 数据 显示 在 视图 中 。 

(1) 创建 一 个 ASP.NET MVC 2 Web 应 用 程序 的 项 目 MvcApp， 添 加 一 个 控制 器 ， 名 字 叫 
ControlController。 

(2) 创建 一 个 新 的 母 版 页 ， 页 面 设计 自 定义 。 

(3) 将 控制 器 中 动作 方法 设置 的 数据 显示 在 视图 中 ， 类 似 效果 如 图 3-19 所 示 。 


3-19 ”控制 器 的 基本 传 值 


所 及 
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内 容 摘要 

在 使 用 软件 的 过 程 中 ， 用 户 界面 需要 经 常 发 生变 化 。 采 用 MVC 架构 模式 ， 可 以 让 我 们 在 
满足 界面 要 求 的 同时 ， 使 软件 的 计算 模型 独立 于 界面 的 构成 。 

MVC 模式 是 软件 工程 中 的 一 种 软件 架构 模式 ， 它 可 以 把 软件 系统 分 成 3 个 基本 部 分 ， 分 
别 是 : Model 模型 、View 视图 和 Controller 控制 器 。 

本 章 就 来 详细 讲解 Model 模型 。 主要 对 Model 模型 在 MVC 中 所 扮演 的 角色 、 重 要 性 以 及 
如 何 使 用 进行 详细 讲解 。 

学 习 目标 

@ 了 解 Model 在 MVC 中 所 扮演 的 角色 


@ 了 解 Model 的 重要 性 
@@ 熟悉 Model 模型 的 使 用 
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4.1 Model 简介 


在 MVC 架构 模型 中 ，M 代表 Model 模型 ， 它 的 职责 就 是 处 理 数据 和 业务 逻辑 。 应 用 程序 
被 分 成 3 个 主要 部 分 ， 每 个 部 分 都 掌管 着 不 同 的 任务 。 下 面 我 们 就 来 讲解 MVC 中 的 M。 

Model 用 来 存放 独立 且 可 以 重复 使 用 的 组 件 ， 包 括 对 数据 来 源 (数据 库 ) 的 访问 ， 商 业 逻 辑 
代码 ， 并 应 用 View 做 完整 的 切割 ， 以 便 日 后 扩充 或 改变 。 

Model 模型 是 指 运用 于 数据 之 上 的 数据 规则 和 数据 内 容 ， 它 一 般 与 应 用 程序 中 所 要 管理 的 
对 象 对 应 。 在 软件 系统 中 ， 任 何事 物 都 可 以 被 抽象 成 对 象 ， 即 可 以 对 其 以 某 种 数据 方式 进行 处 
理 的 数据 模型 。 例 如 ， 应 用 程序 中 的 用 户 信息 是 什么 ? 其 实 ， 它 们 只 是 一 堆 必 须 按照 对 应 规则 
处 理 的 数据 。 

MVC 设计 模式 包括 Model 模型 、View 视图 和 Controller 控制 器 3 个 部 分 ， 首 先 需要 实现 
的 是 Model 部 分 。 


4.2 ”Model 的 重要 性 


我 们 先 来 谈 一 下 三 层 架 构 中 Model 的 作用 。 其 实 Model 层 的 作用 就 是 用 来 传 参 , 但 是 如 果 
有 20 个 或 者 更 多 的 参数 怎么 传 呢 ? 这 就 是 Model 的 好 处 了 ，Model 基本 可 看 作 数 据 库 中 表 的 
合 ， 通 过 get 和 set 访问 器 ， 使 其 能 够 传递 更 多 的 值 。 
比如 ，student 表 在 Model 中 就 会 有 这 样 的 类 声明 属性 ， 属 性 是 和 数据 库 中 的 字段 一 致 的 ， 
那么 不 管 你 是 update 还 是 insert, 都 可 以 直接 实例 化 Model 层 的 类 给 属性 赋值 。 下 面 举 个 例子 ， 
学 生 表 的 Model 层 代码 如 下 : 


private string name; 
public string Name 
get { return name; } 
set { name = value; } 
} 
private string sex; 
public string Sex 
{ 
get { return sex; } 
set { sex = value; } 
} 
private int age; 
public int Agel 
让 
get { return age; } 
set { age = value; } 


} 
Model 与 MVC 相 比 ， 有 哪些 异同 点 ? 


相同 点 就 是 视图 ， 三 层 架构 的 UI 层 相当 于 MVC 中 的 View 层 。 

不 同 点 在 于 MVC 的 Model 模型 相当 于 三 层 架 构 中 的 BLL 和 DAL， 并 且 三 层 架 构 中 没有 
Controller 层 ， 而 是 由 单个 页 面 上 的 事件 处 理 页 面 与 业务 逻辑 之 间 的 关系 。 

另外 MVC 中 的 View 视图 和 Controller 控制 器 都 依赖 于 Model, 这 就 体现 了 Model 在 MVC 
中 的 重要 性 。 下 面 给 出 一 段 MVC 中 Model 层 代码 ， 如 下 所 示 : 


public class Student 
: 


public string Name { get; set; } // 用 户 名 
public string Sex { get; set; } // 性 别 
public string Rge { get; set; } // 年 龄 


} 


其 特别 之 处 在 于 ，MVC 模型 包含 所 有 应 用 程序 业务 和 数据 访问 逻辑 。 可 以 使 用 各 种 不 同 
的 技术 来 实现 数据 访问 逻辑 。 例 如, 可 以 使 用 Microsoft Entity Framework、Nhibemate、Subsonic 
或 ADONET。 

Model 模型 给 控制 器 提供 了 一 个 用 户 请 求 内 容 对 应 的 数据 表达 (例如 ， 用 户 信息 )。 无 论 我 
们 如 何 向 用 户 展示 ， 这 个 数据 模型 都 不 会 发 生变 化 。 这 也 就 是 我 们 为 什么 可 以 随意 选择 哪个 视 
图 来 展示 数据 的 原因 。 

Model 模型 包含 应 用 程序 逻辑 中 最 重要 的 组 成 部 分 ， 这些 逻辑 可 以 运用 于 我 们 需要 处 理 的 
问题 的 过 程 中 。 


4.3 ASP.NET MVC Model 数据 验证 


大 多 数 时 候 ， 我 们 使 用 前 台 的 JavaScript 来 验证 用 户 的 输入 ， 由 于 前 台 的 JavaScript 验证 是 
不 可 靠 的 , 所 以 大 部 分 人 在 后 台 insert 或 者 update 之 前 做 了 验证 , 这 是 比较 好 的 。 另 外 ASP.NET 
MVC 也 为 我 们 提供 了 很 多 数据 验证 的 方法 ， 下 面 就 来 介绍 一 种 Model 数据 验证 的 方法 。 


电信 视频 教学 : 光盘 /videos/04/4.3 基于 MVC 的 用 户 登录 的 Model 模型 (D) @ 关 度 :8 分 名 
基于 MVC 的 用 户 登 录 的 Model 模型 (2) ”@ 长 度 : 10 分 名 
4.3.1 实例 描述 


大 多 数 动态 网 站 都 要 用 到 信息 管理 功能 ， 这 就 需要 我 们 实现 用 户 登 录 功 能 。 权 限 认证 的 方 
式 很 多 ,但 是 使 用 账号 、 密 码 登 录 的 认证 方式 以 其 独 有 的 方便 性 一 直 占 据 主流 ， 一 时 间 还 难以 
有 其 他 方法 能 与 其 一 争 高 下 。 

在 这 里 ， 我 们 重点 讲 ASP.NET MVC Model 数据 验证 ， 就 不 再 进行 数据 库 操作 了 ， 只 是 简 
单 地 模拟 一 下 数据 验证 功能 。 


4.3.2 实例 应 用 


【 例 4-1】 基 于 MVC 的 用 户 登录 的 Model 模型 。 


<@— 
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前 面 提 到 ， 在 处 理 数 据 和 业务 逻辑 时 ， 我 们 需要 使 用 Model。 首 先 ， 我 们 需要 对 数据 进行 
封装 ， 还 要 处 理 简 单 的 业务 逻辑 。 

下 面 我 们 来 创建 一 个 MVC 项 目 中 的 Model 模型 。 首 先 在 Models 目录 下 面 创建 一 个 存放 
Model 的 cs 文件， 代码 如 下 : 


public class UserInfo 


:! 


/* 用 户 信息 */ 

public string LoginName { get; set; } // 登 录 名 
public string Password { get; set; } // 密 码 
public string Username { get; set; } // 姓 名 


E 


public class UserManager 


// 验 证 登录 名 和 密码 
public static bool Validate(string loginName, string passWord) 
{ 
return "zhang" == loginName && "password" == passWord; 
} 
// 根 据 登 录 名 获取 用 户 信息 并 返回 


public static UserInfo GetUserInfoBYLoginName (string loginName) 
{ 
return new UserInfo() 
LoginName = "zhang", 
Password "password", 
Username = " 张 三 " 


】} 
} 


好 了 ， 这 样 Model 模型 就 完成 了 ， 下 面 来 创建 Controller。 
我 们 先 在 Controllers 目录 下 创建 一 个 名 为 AccountController 的 控制 器 ，Index 是 默认 的 方 
法 , 我 们 再 创建 一 个 Login 方法 , 用 于 接收 用 户 登 录 时 的 提交 操作 。 下 面 是 Login 方法 的 代码 : 


public ActionResult Login() 
1 
string loginName = Request.Form["loginName"]; 
string password = Request.Form["password"]; 
if (Models.UserManager.Validate (loginName, password)) 
{ 
Session["CurrentUser"] = 
Models.UserManager.GetUserByLoginName (loginName); 
return Redirect("/Account/Success"); 
1 
ViewData["LoginName"] = loginName; 
ViewData["ReturnMessage"] = "用 户 名 或 者 密码 不 正确 "; 
return View("Index"); 


} 


这 里 我 们 首先 获取 用 户 提交 的 登录 名 和 密码 ， 然 后 调用 相应 Model 的 验证 方法 进行 验证 ， 
如 果 验 证 成 功 ， 则 记录 当前 用 户 信息 ， 跳 转 到 登录 成 功 页 面 。 


0 >> 


如 果 验 证 不 成 功 ， 则 向 视图 发 送 提示 信息 ， 返 回 登录 视图 。 当 然 ， 我 们 得 有 一 个 Action 
用 来 处 理 成 功 请 求 。 所 以 我 们 再 在 Account Controller 控制 器 里 创建 一 个 名 为 Success 的 方法 ， 
方法 结构 参考 Index。 
Controller 完成 ， 下 面 就 是 View 了 。 
我 们 需要 一 个 Index 视图 作为 登录 页 面 ， 一 个 Success 视图 作为 登录 成 功 页 面 。 
首先 来 看 一 下 Index 视图 的 主要 代码 。 
<div> 
<% Html .BeginForm("PostForm","Account"); 和 > 
登录 名 : 
<%= Html.TextBox("loginName",ViewData["LoginName"]) %><br /> 
密码 : 
<%= Html.Password ("password") %><br /> 
<input type="submit" value="Submit" /> 
<$%= ViewData["ReturnMessage"] $%> 
<$% Html.EndForm(); %> 
</div> 


第 四 行 括号 中 的 第 二 个 参数 用 来 设置 默认 值 ， 这 里 将 Controller 传递 过 来 的 数据 呈现 到 文 
本 框 里 。 
这 样 做 有 什么 好 处 呢 ? 比如 用 户 登 录 的 时 候 可 能 不 小 心 输入 了 不 正确 的 密码 ， 返 回 的 时 
就 可 以 自动 填 上 用 户 名 。 
接 下 来 我 们 看 一 下 Success 视图 的 主要 代码 。 


<div> 


候 


<% MyMVC.Models.UserInfo currentUser = 
Session["CurrentUser"] as MyMVC.Models.UserInfo; %> 

你 好 ， 欢 迎 你 : <%= currentUser.Username %><br /> 

你 的 登录 名 称 是 ，<%= currentUser.LoginName $%> 

</div> 

登录 成 功 以 后 将 用 户 信 息 保存 在 Session 中 ， 表 明 当前 用 户 已 经 登录 。 在 这 里 可 以 取出 用 
户 信息 ， 并 显示 出 来 。 

当然 ，Session 对 象 存储 的 对 象 都 是 object 类 型 的 ， 所 以 取出 来 的 时 候 需要 对 它 进行 转型 ， 
然后 再 输出 。 


4.3.3 运行 结果 


运行 项 目 ， 显 示 结 果 如 图 4-1 所 示 。 

在 这 里 ， 我 们 输入 错误 的 密码 ， 单 击 按钮 后 ， 就 会 提示 “用 户 名 或 者 密码 错误 ”， 如 图 4-2 
所 示 。 
我 们 输入 正确 的 用 户 名 和 密码 ， 单 击 Submit 按钮 ， 显 示 结 果 如 图 4-3 所 示 。 


< 
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图 4-3 用 户 登录 成 功 


4.3.4 实例 分 析 


让 


本 实例 主要 了 解 ASP.NET 下 的 MVC 框架 的 用 户 登 录 问 题 。 其 中 Model 模型 包含 应 用 程 
序 逻 辑 中 最 重要 的 组 成 部 分 ， 这 些 逻 辑 运用 于 我 们 要 处 理 的 问题 的 过 程 中 。 

对 Model 模型 了 解 之 后 ， 我 们 创建 了 一 个 简单 的 MVC 项 目 来 了 解 MVC 项 目 中 Model 模 
型 的 创建 方式 ， 以 及 Model 模型 在 MVC 中 所 扮演 的 角色 。 


4.4 ”MVC 视图 模板 与 数据 基 架 的 结合 使 用 


在 创建 ASP.NET MVC 应 用 程序 时 ， 可 以 选择 创建 支持 数据 基 架 的 控制 器 和 视图 。 本 节 讲 
解 的 是 如 何 创 建 一 个 简单 的 MVC 应 用 程序 ， 该 应 用 程序 将 利用 MVC 支持 的 控制 器 和 视图 的 
数据 模板 。 


= 视频 教学 : 光盘 /videos/04/4.4 MVC 视图 模板 与 数据 基 架 的 结合 使 用 人 @@ 长 度 : 20 分 钟 


me >> 


4.4.1 基础 知识 


验证 用 户 的 输入 在 Web 系统 中 经 常用 到 ， 比 如 说 输入 不 能 为 空 或 输入 的 字符 要 在 一 定 的 
范围 内 等 。 

下 面 我 们 就 来 介绍 一 个 Model 数据 验证 的 方法 ， 使 用 的 命名 空间 是 
System.ComponentModel.DataAnnotations， 在 这 个 命名 空间 下 ，Model 为 我 们 提供 了 很 多 数据 
验证 的 方法 。 

1. Required 

Required 验证 表达 式 表示 的 意思 是 必须 输入 ， 不 能 为 空 ， 格 式 如 下 : 

[Required (ErrorMessage = "提示 信息 ") ] 

例如 ， 用 户 在 输入 的 时 候 ， 用 户 ID 不 能 为 空 ， 代 码 如 下 : 

[Required (ErrorMessage = "ID 不 能 为 空 ") ] 

2. RegularExpression 

正则 表达 式 对 象 用 来 规范 一 个 规范 的 表达 式 (也 就 是 说 判断 表达 式 符 不 符合 特定 的 要 求 。 
比如 ， 是 不 是 E-mail 的 地 址 格式 )， 它 具有 用 来 检查 给 出 的 字符 串 是 否 符合 规定 的 属性 和 方法 ， 
其 格式 如 下 所 示 : 

[RegularExpression ("正则 表达 式 ", ErrorMessage = "提示 信息 ") ] 

例如 ， 只 允许 输入 “ 男 ” 或 “ 女 ”， 代 码 如 下 : 


[RegularExpression("^[\u7537\u5973]+$",ErrorMessage = "性 别 只 能 输入 “ 男 ” 或 “ 女 ” 
ey 


3. Range 


Range 验证 表达 式 用 于 创建 并 返回 一 个 包含 指定 范围 的 元 素 的 数组 ， 用 于 验证 用 户 输入 是 
否 在 指定 范围 内 ， 其 格式 如 下 : 


Range (min,max, ErrorMessage=" 提 示 信 息 ") 


例如 ， 人 允许 输入 的 年 龄 在 1 一 120 岁 之 间 ， 代 码 如 下 : 


[Range (1，120，ErrorMessage = "年 龄 必须 在 1 一 120 岁 之 间 ")] 


4.4.2 实例 描述 
在 本 实例 中 ， 将 会 添加 一 个 已 经 包含 用 于 显示 、 编 辑 和 更 新 模型 数据 的 操作 方法 的 控制 器 


(Controller)。 通 过 使 用 ASP.NET MVC 内 置 的 数据 基 架 ， 将 生成 基于 所 定义 模型 的 视图 ， 下 面 
来 具体 讲解 。 


4.4.3 ”实例 应 用 


【 例 4-2】MVC 视图 模板 与 数据 基 架 的 结合 使 用 。 
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首先 ， 我 们 需要 创建 新 的 MVC 项 目 。 在 这 里 ， 我 们 选择 ASP.NET MVC 2 Web 应 用 程 
序 ， 修 改 项 目 名 称 为 MvcDataViews。 在 创建 测试 项 目 对 话 框 中 ， 我 们 选中 【和 否 ， 不 创建 单元 
测试 项 目 】。 

下 面 创建 模型 类 Model。 我 们 使 用 一 个 简单 的 数据 模型 ， 实 现 视 图 模板 添加 、 编 辑 和 显示 
该 模型 的 值 。 我 们 来 创建 一 个 学 生 类 ， 其 中 包含 4 个 字段 ， 分 别 是 : 学 生 编 号 、 学 生 姓名 、 人 性 
别 以 及 年 龄 。 

在 “解决 方案 资源 管理 器 ”中 , 右 击 Models 文件 夹 , 再 选择 【添加 ]】 命令 , 然后 选择 “类 ”， 
并 修改 名 字 为 Student。 具 体 代码 如 下 : 


public class Student 
{ 
[Required (ErrorMessage = a 不 能 为 空 ") ] 
public int Id { get; set; 
[Required (ErrorMessage = ,姓名 不 能 为 空 ) ] 
public string Name { get; set; } 
[RegularExpression("^[\u7537\u5973]+$",ErrorMessage = "性 别 只 能 输入 “ 男 ” 
或 0 
public string Sex { get; set; 
[Range (1, 120, ErrorMessage = 人 1 一 120 岁 之 间 ") ] 
public int Age { get; set; } 


在 完成 Model 代码 后 ， 右 击 并 选择 【生成 】。 


$ 此 为 必须 步骤 ， 因 为 Visual Studio 在 根据 MVC 模板 生成 控制 器 代码 和 视图 标记 
注 澡 时 ， 将 使 用 该 模型 实例 。 


Model 完成 后 ， 再 来 创建 控制 器 。 
在 【解决 方案 资源 管理 器 】 中 ， 右 击 Controller 文件 夹 ， 再 选择 【添加 】 命 令 ， 然 后 选择 
“控制 器 ”， 并 修改 名 字 为 StudentController。 选 中 【为 “创建 ”、“ 更 新 ”和 “详细 信息 ” 
方案 添加 操作 方法 】 复 选 框 。 
该 控制 器 应 该 包含 的 操作 方法 有 : Index、Details、Create( 用 于 HTTP GET 及 HTTP POST)、 
Delete( 用 于 HTTP GET 及 HTTP POST) 和 Edit( 用 于 HTTP GET 及 HTTP POST)。 
在 StudentController 类 顶部 添加 下 面 一 段 代 码 : 


static List<Student> students = new List<Student>() 7 


此 代码 用 于 创建 Student 对 象 的 列表 。 

接 下 来 该 添加 数据 视图 了 。 

1. Index 视图 

首先 ， 我 们 来 创建 mdex 视图 ， 它 是 Index 方法 呈现 的 列表 视图 ， 此 视图 用 来 显示 我 们 创 
建 的 Student 对 象 。 另 外 ， 每 行 还 包括 用 于 在 Details 视图 和 Edit 视图 中 显示 的 链接 。 

下 面 来 添加 列表 视图 。 


(1) 首先 找到 StudentController 类 里 的 Index 方法 , 然后 在 方法 名 上 右 击 , 选择 【添加 视图 】 
命令 。 
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(2) 在 【视图 名 称 】 文 本 框 中 输入 Index。 

(3) 选中 【创建 强 类 型 视图 】 复 选 框 。 

(4) 从 【视图 数据 类 】 列 表 中 选择 MvcDataViews.Models.Student。 

(5) 从 【视图 内 容 】 列 表 中 选择 List， 同 时 选中 【选择 母 版 页 】 复 选 框 。 

(6) 单 击 【 添 加 】 按 钮 ， 将 会 在 新 建 的 Student 文件 夹 内 创建 mdex 视图 ; Index 视图 包含 
用 于 显示 数据 列表 的 MVC 模板 。 

在 Index 视图 中 ， 需 对 Html.ActionLink 控件 进行 如 下 修改 : 


<%: Html.ActionLink ("Edit", "Edit", new { id=item.Id}) 多 > 
<%: Html.ActionLink("Details", "Details", item) 多 > 
<%: Html.ActionLink("Delete", "Delete", new { id=item.Id })%> 


还 需要 用 以 下 代码 替换 StudentController 中 的 Index 方法 。 


public ActionResult Index() 
1 
return View(students) 7 


} 
2. Create 视图 


Create 是 一 个 用 于 创建 Student 对 象 的 视图 。 在 创建 Student 对 象 时 ,需要 定义 该 学 生 的 ID、 
名 字 、 性 别 和 年 龄 。 


”StudentController 有 两 个 Create 操作 方法 。 一 个 用 于 接收 HTTP GET 请 求 并 呈现 
注意 | ”Create 视图 ， 另 一 个 从 Create 视图 接收 HTTP POST 请 求 ， 检 查 数据 有 效 性 ， 向 列 
表 添 加 数据 以 及 重 定 向 到 Index 操作 方法 。 


下 面 来 创建 Create 视图 。 
(1) 首先 在 StudentController 类 中 找到 处 理 HTTP GET 的 Create 方法 。 
(2) 在 Create 操作 方法 内 右 击 ， 选 择 【 添 加 视图 】 命令 。 
(3) 在 【视图 名 称 】 文 本 框 中 输入 Create。 
(4) 选中 【创建 强 类 型 视图 】 复 选 框 。 
(5) 从 【视图 数据 类 】 列 表 中 选择 MvcDataViews.Models.Student。 
(6) 从 【视图 内 容 】 列 表 中 选择 Create。 
(7) 选中 【选择 母 版 页 】 复 选 框 ， 单 击 【 添 加 】 按 钮 ， 向 项 目 中 添加 一 个 名 为 Create 的 
视图 。 
另外 ， 还 要 在 StudentController 类 中 找到 HTTP POST 的 Create 操作 方法 ， 并 用 以 下 代码 
进行 替换 。 
[HttpPost] 
public ActionResult Create (Student s) 
A 


tt 
if (!ModelState.IsValid) 


{ 


return View("Create", s); 


< 
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students.Add(s); // 把 数据 添加 到 student 中 
return RedirectToAction("Index"); 
|, 
catch 
return View() 7 
} 
3 


3. Details 视图 

Details 视图 用 于 显示 单一 Student 对 象 的 信息 。 此 视图 提供 到 Edit 视图 的 链接 以 及 用 于 返 
本 列表 视图 的 链接 。 

下 面 来 创建 Details 视图 。 


(1) 首先 在 StudentController 类 中 找到 Details 操作 方法 。 

(2) 在 操作 方法 内 右 击 ， 选 择 【添加 视图 】 命 令 。 

(3) 在 【视图 名 称 】 文 本 框 中 输入 Details。 

(4) 选中 【创建 强 类 型 视图 】 复 选 框 。 

(5) 从 【试图 数据 类 】 列 表 中 选择 MvcDataViews.Models.Student。 

(6) 从 【视图 内 容 】 列 表 中 选择 Details 。 

(7) 选中 【选择 母 版 页 】 复 选 框 ， 单 击 【 添 加 】 按 钮 ， 就 添加 一 个 名 为 Details 的 视图 。 

另外 ， 需 要 找到 Details 视图 的 Html.ActionLink 控件 ， 并 对 其 代码 进行 修改 ， 修 改 后 的 代 
码 如 下 : 

<%: Html.ActionLink("Edit", "Edit", new { id=Model.Id }) %> | 

<%: Html.ActionLink("Back to List", "Index") 多 > 


用 以 下 代码 替换 StudentController 中 的 Details 方法 。 


public ActionResult Details(Student s) 
{ 
return View(s); 


} 
4. Delete 视图 


通过 使 用 Delete 视图 ， 用 户 可 以 从 列表 中 删除 Student 对 象 。 可 以 选择 删除 Student 对 象 ， 
也 可 以 返回 列表 视图 。 
@ ”StudentController 有 两 个 Delete 操作 方法 。 一 个 用 于 接收 HTTP GET 请 求 并 呈现 
注意 | 。 Delete 视图 , 另 一 个 从 Delete 视图 接收 HITP POST 请 求 ， 移 除 所 选 的 对 象 以 及 重 
定向 到 Index 操作 方法 。 


下 面 来 创建 Delete 视图 。 

(1) 首先 在 StudentController 类 中 找到 处 理 HTTP GET 的 Delete 方法 。 
(2) 在 Delete 操作 方法 内 右 击 ， 选 择 【 添 加 视图 】 命 令 。 

(3) 在 【视图 名 称 】 文 本 框 中 输入 Delete。 

(4) 选中 【创建 强 类 型 视图 】 复 选 框 。 

(5) 从 【试图 数据 类 】 列 表 中 选择 MvcDataViews.Models.Student。 
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(6) 从 【视图 内 容 】 列 表 中 选择 Delete。 

(7) 选中 【选择 母 版 页 】 复 选 框 ， 单 击 【添加 】 按 钮 ， 添 加 一 个 名 为 Delete 的 视图 。 

还 需要 在 StudentController 类 中 找到 处 理 HTTP GET 的 Delete 操作 方法 , 并 将 其 代码 修改 
如 下 : 


public ActionResult Delete (int id) 
{ 
Student s = new Student () 7 
foreach (Student stu in students) 
{ 
if (stu.Id == id) 
{ 


s.Id = stu.Id; 
s.Name = stu.Name; 
Ss.Sex = stu.Sex; 
Ss.Age = stu.Age; 


} 
} 
return View(s); 


} 
把 处 理 HTTP POST 的 Delete 操作 方法 修改 如 下 : 


[HttpPost] 
public ActionResult Delete(Student s) 
{ 
try 
{ 
foreach (Student stu in students) 
| 
if (stu.Id == s.Id) 
{ 
students.Remove (stu); 
break; // 移 除 以 后 跳出 循环 
中 
} 
return RedirectToAction("Index"); 
} 
catch 
{ 
return View(); 
} 
} 


5. Edit 视图 
通过 使 用 Edit 视图 ， 可 以 为 Student 对 象 更 改 值 。 


StudentController 有 两 个 Edit 操作 方法 .一 个 用 于 接收 HTTP GET 请 求 并 呈现 Edit 
注意 视图 ， 另 一 个 从 Edit 视图 接收 HTTP POST 请 求 ， 检 查 数据 有 效 性 ， 更 新 对 应 的 
Student 中 的 数据 以 及 重 定向 到 Index 操作 方法 。 


下 面 我 们 来 创建 Edit 视图 。 
(1) 首先 在 StudentController 类 中 找到 处 理 HTTP GET 的 Edit 方法 。 


< 
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(2) 在 Edit 操作 方法 内 右 击 ， 选 择 【添加 视图 】 命 令 。 
(3) 在 【视图 名 称 】 文 本 框 中 输入 Edit。 
(4) 选中 【创建 强 类 型 视图 】 复 选 框 。 
(5) 从 【试图 数据 类 】 列 表 中 选择 MvcDataViews.Models.Student。 
(6) 从 【视图 内 容 】 列 表 中 选择 Edit。 
(7) 选中 【选择 母 版 页 】 复 选 框 ， 单 击 【 添 加 】 按 钮 ， 添 加 一 个 名 为 Edit 的 视图 。 
还 需要 修改 StudentController 类 中 处 理 HTTP GET 的 Edit 操作 方法 ， 其 代码 如 下 : 
public ActionResult Edit(int id) 
{ 
Student s = new Student(); 
foreach (Student stu in students) 
if (stu.Id == id) 
{ 
// 根 据 所 选 的 ia 把 值 赋 给 student 对 象 = 


s.Id = stu.Id7 


s.Name = stu.Name; 
Ss.Sex = stu.Sex; 
Ss.Age = stu.Age; 


i 
} 
return View(s); 


} 
此 外 ， 还 需 用 以 下 代码 替换 HTTP POST 的 Edit 操作 方法 。 


[HttpPost] 
public ActionResult Edit (student s) 
{ 
if (!ModelState.IsValid) 
{ 
return View("Edit", s); 
} 
foreach (Student stu in students) 
{ 
if (stu.Id == s.I1d) 
Ff 
// 根 据 id 把 student 对 象 s 的 信息 赋 给 泛 型 stu 
stu.Id = s.Id7 
stu.Name = s.Name; 
stu.Sex = s.Sex; 
stu.Age = s.Age; 
| 
return RedirectToAction("Index"); 
} 


最 后 ， 我 们 还 应 将 主页 上 的 链接 添加 到 个 人 列表 。 首 先 ， 找 到 Home 文件 来， 打开 Index 
视图 ， 然 后 添加 下 面 一 段 代码 。 


<$%: Html.ActionLink ("学生 列表 ", "Index", "student") %> 


si} >> 
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完成 之 后 就 可 以 编译 运行 了 。 
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4.4.4 运行 结果 


运行 项 目 ， 单 击 “ 学 生 列 表 ” 超 链接 ， 显 示 结 果 如 图 4-4 所 示 。 

单 击 Create New， 进 入 Create 页 面 ， 由 于 在 Model 中 对 输入 信息 进行 了 限制 ， 所 以 如 果 所 
输入 的 信息 不 符合 要 求 ， 那 么 在 文本 框 后 面 会 给 出 提示 信息 。 另 外 ， 单 击 下 面 的 Back to List， 
可 以 返回 学 生 列表 ， 如 图 4-5 所 示 。 


图 4-4 Index 页面 图 4-5 Create 页 面 


单 击 对 应 的 Edit， 此 时 会 显示 对 应 的 Edit 视图 ， 可 对 所 选 信息 进行 修改 ， 然 后 单 击 Save 
按钮 ， 此 时 会 重新 显示 Index 视图 ， 其 中 更 改 的 数据 已 经 更 新 。 

另外 ， 在 我 们 单 击 下 方 的 Back to List 以 后 ， 会 跳 转 到 学 生 列表 页 面 (Index 视图 )， 效 果 如 
4-6 所 示 。 

单 击 对 应 的 Details， 可 查看 所 选 学 生 的 详细 信息 。 同 时 单 击 下 方 的 Edit 后 , 还 可 以 跳 转 到 
Edit 页 面 , 对 所 选 学 生 的 信息 进行 修改 。 还 有 Back to List, 单 击 之 后 可 以 跳 转 到 学 生 列表 页 面 ， 
效果 如 图 4-7 所 示 。 


4-6 Edit 页 面 4-7 Details 页 面 


< 
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单 击 对 应 的 Delete 按钮 ， 可 以 跳 转 到 Delete 页 面 。 单 击 Delete 按钮 则 删除 该 信息 ， 同 样 
可 以 返回 学 生 列表 页 面 ， 效 果 如 图 4-8 所 示 。 


图 4-8 Delete 页 面 


4.4.5 实例 分 析 


S 源码 解析 


本 实例 主要 学 习 ASPNET 下 的 MVC 视图 模板 与 数据 基 架 的 结合 使 用 。 示 例 中 添加 了 一 
个 已 经 包含 用 于 显示 、 编 辑 和 更 新 模型 数据 的 操作 方法 的 控制 器 。 

通过 使 用 ASP.NET MVC 内 置 的 数据 基 架 ， 还 生成 了 基于 所 定义 模型 的 视图 。 另 外 ， 在 该 
应 用 程序 中 ， 我 们 利用 了 MVC 支持 的 控制 器 和 视图 的 数据 模板 。 


4.5 常见 问题 解答 


4.5.1 ASP.NET MVC 中 的 M、V 和 C 可 以 各 自 独 立 开 发 吗 


关于 ASPNET MVC 中 的 M、V 和 C 真 的 可 以 各 自 独立 开发 吗 ? 是 否 有 所 限制 ? 
网 络 课堂 : http://bbs.itzen.com/thread-3934-1-1.html 


关于 ASPNET MVC 中 的 M、V 和 C 真 的 可 以 各 自 独 立 开发 吗 ? 是 否 会 有 所 限制 ? 

【解决 办 法 】 可 以 , 但 没 那么 绝对 ! 完全 独立 开发 虽然 可 行 ， 但 是 如 果 你 真 的 这 么 做 就 会 
绊 手 绊 脚 的 ， 而 且 缺 乏 工具 支援 。 我 指 的 “完全 独立 开发 ”是 指 一 开始 就 让 M、V 和 C 独立 
开发 ， 没 什么 必要 ， 但 是 可 行 。 

M、V 和 C 的 关系 是 既 分 工 又 合作 , 必须 在 有 点 黏 又 不 能 太 黏 的 情况 下 ,才能 发 挥 ASP.NET 
MVC 的 优势 。 

依照 我 的 开发 经 验 ， 我 觉得 MGIModeD) 是 MVC 架构 的 中 心 。 有 了 Model 之 后 ， 就 可 以 让 
Controller 与 View 参考 这 些 Model( 模 型 )， 并 且 进 行 分 工 开发 ， 最 后 再 进行 整合 ， 这 是 我 认为 
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最 有 效 的 开发 方法 。 


4.5.2 ”MVC 架构 中 的 模型 部 分 做 什么 用 


MVC 架构 中 的 模型 部 分 做 什么 用 ? 
网 络 课堂 : http://bbs.itzcn.com/thread-3934-1-1.html 


MVC 架构 中 的 模型 部 分 做 什么 用 ? 

【解决 办 法 】 模 型 表示 企业 数据 和 业务 规则 。 在 MVC 三 个 部 件 中 ， 模 型 拥有 最 多 的 处 理 
任务 。 模 型 能 为 视图 提供 数据 ， 并 且 模 型 的 代码 只 需 写 一 次 就 可 被 多 个 视图 重用 ， 所 以 减少 了 
代码 的 重复 性 。 

因为 模型 是 自 包含 的 ， 并 且 与 视图 和 控制 器 分 离 ， 所 以 很 容易 改变 应 用 程序 的 数据 层 和 业 
务 规则 。 如 果 你 想 把 数据 库 从 MySQL 移植 到 Oracle， 只 需 改变 你 的 模型 即 可 。 一 旦 你 正确 地 
实现 了 模型 ， 不 管 你 的 数据 来 自 数据 库 还 是 LDAP 服务 器 ， 视 图 都 会 正确 显示 。 

模型 也 有 状态 管理 和 数据 持久 性 处 理 的 功能 。 例如， 基于 会 话 的 购物 车 和 电子 商务 过 程 也 
能 被 Flash 网 站 或 者 无 线 联 网 的 应 用 程序 所 重用 。 


46 习 题 
一 、 填 空 题 
(1) 业务 模型 还 有 一 个 非常 重要 的 模型 那 就 是  _.。 
CO) 的 设计 可 以 说 是 MVC 的 核心 。 
(3) MVC 并 没有 提供 模型 的 设计 方法 ， 只 告诉 你 应 该 组 织 管理 这 些 模 型 ， 以 便于 
和 
(4) 数据 模型 主要 指 . 
(5) 在 MVC 的 3 个 部 件 中 ， 拥有 最 多 的 处 理 任务 。 
二 、 选 择 题 
(1) 模型 不 包含 应 用 问题 的 ， 它 封装 了 所 需 的 数据 ， 提 供 了 完成 问题 处 理 的 操 
作 过 程 。 
A。 核心 数据 B. 逻辑 运算 
C. 逻辑 关系 D. 计算 功能 
(2) 在 基于 窗口 的 GUI 应 用 程序 中 ， 一 般 就 是 控件 的 事件 处 理 函 数 。 
A. Model B. View 
C. Controller W DL 
(3) 一 个 应 用 的 业务 流程 或 者 业务 规则 的 改变 只 需 改 动 MVC 的 
A. View B. BEL 
C. Controller D. Model 


< 
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三 、 上 机 练习 


上 机 练习 : 自 定义 Model 模型 的 验证 。 

自 定 义 一 个 Model 模型 的 验证 ,字段 包括 用 户 名 (UserName)、\ 密码 (PassWord)、 邮 箱 (E-mail) 
和 年 龄 (Age)。 要 求 如 下 : 

(1) 所 有 字段 不 能 为 空 。 

(2) 密码 长 度 大 于 6 位 小 于 12 位 。 

(3) 邮箱 地 址 要 包含 @ 和 。 

(4) 年 龄 在 1 一 120 岁 。 
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内 容 摘要 

用 户 对 一 个 软件 产品 的 评价 都 是 从 视图 (View) 开 始 的。 虽然 我 们 可 以 很 好 地 设计 程序 远 
辑 ， 很 好 地 分 离 控制 器 ,但 是 对 于 应 用 程序 的 用 户 来 说 是 不 可 见 的 ， 用 户 很 难 直 观 地 感受 到 程 
序 架 构 逻 辑 设计 的 优秀 。 

对 用 户 而 言 ， 应 用 程序 的 人 性 化 、 美 观 和 易 用 都 是 从 视图 中 体现 出 来 的 。 对 应 用 程序 的 最 
终 使 用 者 来 说 ， 视 图 就 是 应 用 程序 ， 视 图 的 优秀 程度 基本 上 代表 了 应 用 程序 产品 的 质量 。 

换言之 ,如 果 在 你 的 应 用 程序 中 的 程序 逻辑 有 些小 小 的 不 完美 ,一 般 不 会 很 直观 地 引起 用 
户 的 抵制 情绪 ， 但 是 如 果 该 应 用 程序 用 户 界面 做 得 很 五、 很 痛苦 ， 那么 你 的 应 用 程序 基本 上 可 
以 说 是 报废 了 。 

本 章 不 是 讲 如 何 让 你 做 出 一 个 漂亮 的 页 面 ， 因 为 那 是 HIML 和 CSS 的 任务 。 本 章 主要 讲 
如 何 让 开发 人 员 更 好 、 很 方便 地 组 织 ASPNET MVC 页 面 中 的 代码 ， 包 括 如 何在 Controller 向 
View 中 传递 数据 。 


学 习 目标 

@ 了 解 什么 是 View 以 及 View 在 MVC 中 的 地 位 
@ 掌握 Controller 向 页 面 视 图 传递 数据 的 方法 

@ 掌握 强 类 型 的 数据 传递 方式 
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5.1 ASP.NET MVC 中 的 V 


前 面 讲 过 ，ASP.NET MVC 的 核心 是 Controller， 它 是 整个 应 用 程序 的 调配 者 和 管理 者 。 

前 面 我 们 使 用 了 没有 视图 的 Controller 来 响应 用 户 请 求 , 但 是 看 着 Controller 中 那些 大 段 的 
Response.WriteLine() 方 法 ， 是 不 是 觉得 非常 崩溃 呢 ? 假如 我 们 的 页 面 代 码 非 常 多 一 一 可 能 有 数 
千 行 HTML 代码 ， 那 么 可 以 想象 这 个 Controller 的 模样 会 多 么 让 人 发 狂 。 

而 且 这 种 方式 只 能 将 页 面 代码 以 字符 串 的 形式 组 织 , 进行 所 见 即 所 得 的 编辑 更 是 不 可 能 的 
事情 。 我 们 只 能 在 Dreamweaver 中 编辑 完 以 后 Copy 到 Controller 里 进行 输出 。 

维护 一 一 将 会 是 另 一 件 更 加 痛苦 的 事情 。 

有 了 View( 视 图 )， 这 些 问题 就 迎刃而解 了 。 


A9 
2 视频 教学 : 光盘 /videos/05/5.1 ASPNETMVC 中 的 V @@ 长 度 : 10 分 名 


5.1.1 基础 知识 


View 称 为 视图 。 在 MVC 架构 的 应 用 程序 中 View 承担 着 组 织 用户 界 面 的 任务 。 它 能 够 操 
作 Model， 并 把 Model 中 的 数据 以 适当 的 格式 合理 地 组 织 到 页 面 当 中 ， 提 供给 用 户 。 


1. 为 什么 要 用 View 


虽然 前 面 我 们 已 经 证 明 过 View 并 不 是 必要 的 ， 但 是 假如 真 的 没有 View，MVC 就 会 很 快 
没有 用 处 的 。 

例如 我 们 要 在 访问 Home/Index 的 时 候 向 页 面 输出 一 行 “Hello World! ”， 我 们 的 
HomeController 下 面 的 Index 方法 就 需要 这 样 来 编写 : 


public void Index() 

1 
string msg = "Hello World!"; 
Response.Write("<html>\n"); 
Response.Write ("<head>\n"); 
Response.Write("<title>SayHello</title>\n"); 
Response.Write ("</head>\n"); 
Response.Write ("<body>\n"); 
Response.Write ("<hl>"); 
Response.Write (msg); 
Response.Write ("</hl>\n"); 
Response.Write("</body>\n"); 
Response.Write("</html>\n"); 

| 


假如 我 们 要 向 用 户 打 印 一 个 类 似 网 易 、 新 浪 之 类 的 门户 首页 , 想必 每 个 人 都 会 选择 自杀 的 ， 
因为 我 刚 查看 了 网 易 的 首页 有 4 700 多 行 HTML 代码 ， 新 浪 首页 有 7 300 多 行 代 码 。 完 成 这 样 
一 个 门户 系统 ， 工 作 量 可 以 说 就 像 让 你 一 个 人 以 纯 手工 的 方式 去 建设 三 峡 大 坝 。 

在 ASP.NET MVC 中 使 用 View， 就 可 以 像 传 统 的 WebForm 一 样 ， 拖 放 一 些 HTML 控件 
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到 aspx 页 面 或 ascx 用 户 控件 中 。 
在 Visual Studio 里 还 可 以 使 用 纯 HTML 方式 或 者 可 视 化 的 方式 对 页 面 中 的 HTML 元 素 进 


行 操作 ， 如 图 5-1 所 示 。 


5-1 Visual Studio 2010 操作 界面 


将 编写 好 的 视图 文件 保存 到 站 点 根 目录 下 的 Views 目录 中 相应 的 控制 器 对 应 的 目录 里 , 然 
后 ， 就 可 以 在 Controller 中 使 用 这 些 视图 了 。 

2. 如 何在 Controller 中 使 用 View 

在 前 面 的 章节 中 我 们 讲 过 ，Controller 里 的 Action 可 以 使 用 View0 之 类 的 方法 返回 一 个 
ActionResult 类 型 的 对 象 ， 代 码 如 下 : 


public ActionResult Index() 
{ 


return View(); 


在 执行 完 该 Action 以 后 ， 系 统 接收 到 ActionResult 类 型 的 对 象 ， 会 自动 根据 相应 的 值 调 用 
相应 的 View 来 处 理 用 户 的 请 求 。 

那么 ， 在 上 面 的 代码 中 ， 我 们 并 没有 指定 视图 文件 的 地 址 ， 系 统 如 何 寻 找 视图 文件 呢 ? 

例如 上 面 的 代码 是 位 于 HomeController 下 的 Index 方法 ， 在 Views 目录 下 的 Home 目录 里 
没有 任何 文件 ， 程 序 会 是 什么 样 的 执行 结果 呢 ? 

运行 一 下 ， 结 果 如 图 5-2 所 示 。 


ee 


Eb LM 目 - 口 


“/” 应 用 程序 中 的 服务 器 错误 - 


夫 交 到 帮 大 “Tndex "起 在学 多才 居间 守 了 VF 必定 : 
~/Views/Home/Index.aspx 
~/Views/Home/Index.ascx 
~/Views/Shared/Index.aspx 
~/Views/Shared/Index.ascx 
CE Re PE 
Si 
ee RR ee. TT 


EE ENE 
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出 错 了 ! 理所当然 。 

不 过 就 在 这 个 出 错 了 的 页 面 中 ， 我 们 得 到 了 一 个 非常 重要 的 信息 : ASP.NET MVC 对 视图 
的 管理 使 用 的 是 自动 搜索 的 管理 机 制 ， 编 译 期 并 不 检查 视图 是 否 存在 (其 实 检 查 了 也 没什么 意 
义 )， 只 在 程序 执行 的 时 候 才 去 Views 目录 下 查找 对 应 Controller 名 称 的 子 目录 ， 然 后 在 子 目录 
中 查找 与 所 请 求 的 Action 名 称 相同 的 视图 文件 名 称 。 

ASPNET MVC 接收 两 种 视图 文件 格式 : aspx(ASPNET 页 面 ) 和 ascx(ASP.NET 用 户 控件 )。 

在 Views 目录 下 面 还 有 一 个 Shared( 共 享 ) 目 录 ， 存 放 一 些 整个 应 用 程序 中 各 Controller 之 
间 共 享 的 视图 文件 ， 所 以 系统 在 Home 目录 中 没有 找到 对 应 的 视图 文件 的 时 候 ， 自 动 搜 索 了 
Shared 目录 ， 如 果 Shared 目录 中 有 用 户 要 调用 的 视图 文件 ， 系 统 也 会 正常 调用 。 


3. ASP.NET MVC 的 页 面 模型 


从 前 面 的 学 习 中 大 家 应 该 感觉 到 : ASPNET MVC 默认 使 用 的 视图 引擎 是 ASPNET 
WebForm 中 的 页 面 模型 (Web 页 面 aspx 和 用 户 控 件 ascx)。 
在 ASP.NET MVC 的 页 面 模型 中 主要 包含 以 下 几 个 部 分 。 
@ master 母 版 页 ，ASP.NET 页 面 模板 框架 。 用 于 搭建 风格 和 页 面 主体 结构 相同 的 多 个 
页 面 的 布局 框架 。 

@ ascx 用 户 控 件 , ASP.NET 页 面 模块 ,用 于 拼 组 不 同 页 面 中 结构 相同 的 页 面 视图 模块 。 
在 ASP.NET MVC 中 ，ascx 被 视 为 局 部 视图 ， 可 以 被 系统 调用 以 处 理 用 户 请 求 。 

@ aspx ASPNET 页 面 内 容 的 主体 ， 在 该 部 分 中 可 以 直接 引入 母 版 页 或 用 户 控件 。 在 
ASP.NET WebForm 中 ， 可 以 使 用 浏览 器 直接 访问 这 些 资源 文件 。 

在 ASPNET WebForm 中 ， 页 面 模型 类 所 在 的 命名 空间 为 System.Web.UI， 而 ASP.NET 
MVC 的 页 面 模型 类 所 在 的 命名 空间 为 System.Web.Mvc。 

以 ASPNET 页 面 类 为 例 ， 在 ASPNET WebForm 中 ， 它 继承 自 System.Web.ULPage 类 ， 
而 在 ASPNET MVC 中 , 它 继承 自 System.Web.Mvc.ViewPage 类 。 也 就 是 说 ,如果 在 ASPNET 
MVC 应 用 程序 中 ， 一 个 aspx 页 面 要 被 作为 ASP.NET MVC 的 默认 视图 来 使 用 ， 那 么 这 个 页 面 
必须 继承 自 System.Web.Mvc.ViewPage 类 。 

同 理 ， 母 版 页 master 和 用 户 控件 ascs 也 是 一 样 。 


4. View 要 做 的 事情 


想必 大 多 数 使 用 过 ASP.NET WebForm 的 人 第 一 次 看 到 ASP.NET MVC 的 时 候 ， 都 会 有 些 
失望 地 叹息 : 又 回 到 上 个 世纪 末了 ! 

确实 , 上 个 世纪 末 流 行 的 ASP 语言 一 直面 临 着 的 问题 随 着 ASP.NET WebForm 的 出 现 又 然 
消失 ， 却 又 随 着 ASPNET MVC 的 诞生 又 被 摆 到 我 们 的 桌面 上 来 。 那 就 是 所 谓 的 “ 炸 桨 面 ” 式 
的 代码 。 


\ 这 里 所 描述 的 也 就 是 外 国人 喜欢 的 “意大利 面条 ” 式 的 代码 ， 外 文书 籍 中 通常 是 

各 未 | 。 这 种 说 法 ， 都 是 一 个 意思 。 
在 ASP 之 类 的 上 一 代 开发 语言 中 ， 通 常会 在 页 面 中 大 量 使 用 <96 %> 语 法 去 隔离 服务 器 端 
代码 和 页 面 HTML 内 容 。 在 处 理 一 些 细节 的 业务 的 时 候 ， 页 面 中 往往 会 有 大 量 的 <9% %> 温 乱 
地 组 合 在 一 起 ， 很 像 炸 着 面 里 的 肉 未 ， 根 本 无 法 控制 、 摊 和 在 一 根 根 面条 中 间 。 那 些 代码 ， 着 
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实 让 人 看 着 很 纠结 ， 很 纠结 …… 

不 过 ，ASP.NET MVC 还 处 于 一 个 初期 发 展 的 阶段 ， 相 信 这 个 问题 会 很 快 被 解决 掉 。 

1) View 的 职责 

View 的 职责 是 向 客户 端 提供 用 户 界面 。 它 可 以 引用 模型 (Model)， 将 模型 中 的 数据 格式 化 
后 展示 给 用 户 。 在 ASPNET MVC 中 , 包括 接收 和 检查 控制 器 通过 ViewData 字典 (通过 ViewData 
属性 访问 ) 传 递 过 来 的 数据 ， 以 及 将 其 格式 化 为 HTML 。 

由 于 MVC 天 生 的 特性 决定 了 代码 的 分 离 ， 数 据 、 业 务 的 封装 都 独立 在 一 些 类 里 ，View 里 
仅仅 处 理 页 面 显示 内 容 ， 相 对 于 早期 的 “ 炸 着 面 ” 式 的 代码 ， 这 里 清晰 了 许多 。 

就 像 一 碗 炸 效 面 ， 只 放 了 几 滴 桨 汤 ， 放 眼 过 去 ， 碗 里 基本 上 都 是 面条 ， 就 不 会 再 有 十 分 纠 
结 的 感觉 了 。 

2) View 的 禁忌 

回想 ASP 程序 的 代码 , 并 不 是 说 使 用 <% %> 语 法 去 隔离 开 的 程序 就 很 纠结 , 而 是 因为 ASP 
技术 的 局 限 性 ， 使 页 面 中 数据 访问 、IO 操作 、 业 务 逻 辑 和 页 面 展 示 等 各 个 功能 的 代码 都 杂乱 
地 摆 放 在 一 起 ， 导 致 整个 页 面 功能 太 杂 ， 以 至 于 编写 和 维护 都 很 痛苦 。 

在 ASPNET MVC 中 ,架构 的 模式 已 经 决定 了 功能 的 分 离 ， 所 有 的 业务 逻辑 之 类 的 代码 全 
部 放 在 Model 中 处 理 ， 所 有 展示 逻辑 都 使 用 Controller 统一 调配 ， 剩 下 的 View 只 需 专心 致 志 
地 执行 数据 展示 的 功能 即 可 。 

反 过 来 说 ， 将 一 切 处 理应 用 程序 逻辑 (包括 视图 逻辑 和 业务 逻辑 ) 的 代码 放 入 View 中 都 是 
不 可 谅解 的 ， 甚 至 可 以 说 是 不 可 饶恕 的 。 

除非 你 想 重 新 编写 “ 炸 效 面 ” 式 的 代码 。 


5.1.2 ”实例 描述 


ASP.NET MVC 是 微软 公司 推出 的 一 种 框架 模型 。 多 少年 来 ， 微 软 一 直 坚持 的 理念 就 是 : 
做 傻瓜 式 的 产品 。 虽 然 前 面 这 么 大 篇 幅 讲 的 东西 ， 实 际 在 使 用 过 程 中 十 分 简单 。 

接 下 来 的 这 个 实例 作为 View 入 门 实例 ， 我 们 将 简单 地 模拟 一 个 加 法 计算 器 来 演示 View 
的 用 法 。 


5.1.3 ”实例 应 用 


【 例 5-1】ASP.NET MVC 中 的 V。 
(1) 首先 创建 一 个 “ASP.NET MVC 2 空 Web 应 用 程序 ”。 创建 完 以 后 程序 只 搭 好 了 架构 ， 
添加 了 一 个 默认 的 路 由 规则 ， 并 没有 创建 任何 的 Controller、Model 或 View。 
(2) 接 下 来 创建 一 个 Controller， 命 名 为 HomeController。 创 建 完 以 后 系统 自动 添加 一 个 名 
为 Index 的 Action 。 


$ ”因为 在 应 用 程序 默认 配置 的 路 由 规则 中 , Controller 参数 的 默认 值 为 Home, Action 
提示 的 默认 值 为 Index， 所 以 这 里 创建 一 个 带 Index 动作 的 HomeController 就 可 以 直接 
请 求 到 该 动作 了 。 
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(3) 创建 HomeController 下 Index 动作 对 应 的 视图 文件 。 创 建 该 文件 以 前 我 们 先 来 创建 一 
个 母 版 页 ， 保存 在 Views/Shared 目录 下 ,并 添加 页 面 结构 代码 。 接 着 在 Views 目录 下 创建 一 个 
Home 目录 ,并 在 Home 目录 中 创建 一 个 普通 视图 , 命名 为 Index.aspx, 注意 该 页 面 套用 刚才 创 


建 的 母 版 页 。 
(4) 修改 Index.aspx 视图 代码 ， 添 加 一 个 执行 加 法 运算 的 表单 ， 页 面 完整 代码 如 下 : 
<%@ Page Title="" Language="C#" 


MasterPageFile="~/Views/Shared/MyViewMaster.Master™" 
Inherits="System.Web.Mvc.ViewPage<dynamic>" 多 > 


<asp:Content ID="Contentl" ContentPlaceHolderID="TitleContent" 
runat="server"> 

Index 

</asp:Content> 


<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
<form action="/Home/Add" method="post"> 
<input name="valuel" /><br /> 


he 
<input name="value2" /><br /> 
<hr /> 
<button type="submit"> 相 加 </button> 
</form> 
</asp:Content> 


(5) 在 上 面 的 代码 表单 中 ， 提 交 目 标 是 /Home/Add， 说 明 HomeController 中 还 需要 一 个 名 
为 Add 的 Action， 用 来 处 理 加 法 操作 。 这 里 我 们 为 其 添加 一 个 名 为 Add 的 Action， 代 码 如 下 : 

public ActionResult Add() 

T 


int valuel 
int value2 


int.Parse (Request.Form["valuel"]); 
int.Parse (Request.Form["value2"]); 


int result = valuel + value2; 
ViewData["Result"] = result; 


return View(); 


} 


(6) 相应 的 ， 我 们 还 要 在 Home 目录 下 添加 一 个 名 为 Add 的 视图 文件 。 这 里 添加 一 个 
Add.aspx 文件 ， 页 面 也 继承 自 刚才 创建 的 母 版 页 ， 页 面 主要 部 分 代码 如 下 : 


<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 


<h3> 

加 法 的 执行 结果 为 : 

<$= ViewData["Result"] $> 
</h3> 


<a href="/"> 返 回 </a> 
</asp:Content> 


5.1.4 运行 结果 


运行 该 应 用 程序 ， 结 果 如 图 5-3 所 示 。 
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在 上 下 两 个 文本 框 里 分 别 输入 数字 ， 然 后 单 击 【 相 加 】 按 扭 ， 执 行 加 法 运算 后 的 页 面 如 图 
5-4 所 示 。 


services = pricing contacts 


图 5-3 加 法 计算 器 图 5-4 计算 结果 


5.1.5 ”实例 分 析 


Ss 源码 解析 


该 实例 共 创建 了 3 个 View( 视 图 ) 文 件 ， 其 中 一 个 是 母 版 页 ， 另 外 两 个 是 普通 的 aspx 页 面 
Index.aspx 和 Add.aspx。 

其 中 Index.aspx 页 面 响应 动作 触发 ， 在 页 面 上 显示 一 个 执行 加 法 运算 的 表单 。 注 意 这 个 表 
单 中 使 用 的 都 是 HTML 标签 ， 没 有 使 用 WebForm 常用 的 服务 器 控件 。Add.aspx 页 面 使 用 
ViewData 字典 接收 Controller 传递 过 来 的 数据 ， 直 接 打 印 到 页 面 中 。 关 于 ViewData 的 用 法 将 
在 下 一 节 中 详细 讲解 。 


5.2 ”实现 用 户 注册 确认 页 面 


从 前 面 讲解 的 MVC 程序 的 运行 机 制 可 以 得 知 : 为 了 降低 耦合 ，MVC 的 3 个 模块 之 间 的 
关系 十 分 独立 。 

对 于 用 户 界面 来 说 ，Controller 只 负责 数据 的 存 取 和 界面 逻辑 的 实现 ，View 只 负责 界面 的 
呈现 ， 并 且 在 界面 的 呈现 过 程 中 View 不 能 进行 数据 的 存 取 和 逻辑 处 理 ( 虽 然 它 可 以 , 但 是 不 建 
议 这 么 做 )， 数 据 的 存 取 和 逻辑 处 理 都 要 交 给 Controller 负责 。 

那么 当 Controller 在 处 理 完 数据 以 后 ， 如 何 把 数据 交 给 View 进行 展示 了 呢 ? 

对 于 这 个 问题 , 我 们 可 以 使 用 Session 对 象 进行 暂 存 。 但 是 Session 对 象 在 整个 会 话 生 存 期 
内 都 有 效 ， 如 果 用 户 操作 较 多 ， 会 话 时 间 稍 长 ， 那 么 对 服务 器 的 内 存 消耗 相当 大 。 要 解决 这 个 
问题 ， 就 要 编写 繁琐 的 代码 进行 Session 数据 管理 ， 非 常 费时 费力 。 

ASPNET MVC 在 这 个 问题 上 提供 了 一 个 很 好 的 解决 方案 ， 那 就 是 使 用 ViewData 和 
TempData。 
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其 实在 前 面 章节 中 我 们 已 经 简单 使 用 过 ViewData， 只 是 没有 做 详细 的 解释 ， 下 面 我 们 来 
研究 一 下 它们 。 


A 
?视频 教学 ， 光盘 /videos/05/5.2 ”实现 用 户 注册 确认 页 面 人 @@ 长 度 : 12 分 钟 


5.2.1 基础 知识 


ASPNET MVC 提供 了 两 个 数据 字典 ViewData 和 TempData， 它 们 可 以 将 Controller 处 理 
过 的 数据 临时 存储 起 来 ， 在 View 中 取出 来 呈现 给 用 户 。 
例如 , 正如 前 面 已 经 使 用 过 的 方法 , 我 们 可 以 在 Controller 里 面 使 用 ViewData 保存 一 些 数据 : 


public class HomeController : Controller 


{ 
public ActionResult Index() 


中 
string msg = "Hello World!"; 
ViewData["msg"] = msg7 


return View(); 
} 
} 


接 下 来 可 以 在 对 应 的 View 中 直接 取出 该 数据 ， 再 使 用 表达 式 显 示 在 页 面 中 : 
<h1> 


<$%= ViewData["msg"] 多 > 
</h1> 


》 当然 ， 这 里 还 可 以 保存 其 他 类 型 的 对 象 。 只 不 过 在 取出 数据 的 时 候 需要 进行 类 型 
提示 转换 。 
该 语法 看 起 来 很 熟悉 ， 对 吗 ? 不 错 。 这 是 一 个 字典 (Dictionary)， 其 用 法 和 一 个 普通 的 
Dictionary 对 象 一 样 。 
TempData 对 象 的 使 用 方式 和 语法 与 ViewData 对 象 完 全 一 样 , 只 是 其 使 用 条 件 有 稍 许 不 同 。 
这 点 稍 后 讲解 ， 现 在 来 了 解 一 下 这 两 个 对 象 。 
1. ViewData 和 TempData 对 象 


ViewData 对 象 声 明 在 IViewDataContainer 接口 (命名 空间 System.Web.Mvc) 中 。 

public ViewDataDictionary ViewData { get; set; } 

后 来 被 ViewPage 类 (命名 空间 为 System.Web.Mvc) 实 现 IViewDataContainer 接口 的 时 候 对 
其 进行 了 实现 。 

再 后 来 ViewPage 类 被 ViewPage<TModel>( 命 名 空间 为 System.Web.Mvc) 类 继承 的 时 候 又 
进行 了 一 次 重 写 ， 重 写 的 声明 代码 如 下 : 

public ViewDataDictionary<TModel> ViewData { get; set; } 

TempData 对 象 声 明 在 ViewPage 类 中 ， 其 声明 结构 如 下 : 


public TempDataDictionary TempData { get; } 
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ViewData 和 TempData 对 象 所 属 的 类 TempDataDictionary 和 ViewDataDictionary( 命 名 空间 
均 为 System.Web.Mvc) 都 实现 了 IDictionary<string，object> 接口 (命名 空间 为 
System.Collections.Generic)， 所 以 它们 具备 字典 对 象 的 基本 特征 。 


2. ViewData 和 TempData 对 象 的 区 别 


既然 二 者 的 用 法 基本 一 样 ， 那 么 它们 有 什么 区 别 呢 ? 

首先 从 字面 上 理解 : ViewData 对 象 是 一 个 视图 数据 字典 ，TempData 对 象 是 一 个 临时 数据 
字典 。 

ViewData 对 象 前 面 已 经 使 用 过 , 它 能 够 在 Controller 中 保存 一 些 数据 , 在 与 之 关联 的 View 
中 读 取 出 来 ， 所 以 ViewData 对 象 也 可 以 称 为 数据 呈现 字典 。 不 过 有 一 点 局 限 性 : ViewData 对 
象 只 能 在 当 次 请 求 时 被 访问 。 

而 TempData 对 象 也 可 以 在 Controller 中 保存 一 些 数据 , 但 是 它 的 生存 周期 可 不 只 是 当前 请 
求 ， 它 可 以 在 该 会 话 的 任何 一 次 请 求 中 被 访问 。 不 过 它 在 某 一 次 请 求 访问 过 以 后 ， 就 随 该 请 求 
自动 销毁 ， 所 以 TempData 对 象 被 称 为 临时 数据 呈现 字典 ， 
也 有 人 说 是 跨 页 数据 呈现 字典 ， 这 些 叫 法 都 可 以 。 

也 就 是 说 ，ViewData 和 TempData 对 象 的 区 别 在 于 
ViewData 对 象 的 生存 周期 是 当 次 请 求 ; 而 TempData 对 象 的 
生存 周期 是 当前 会 话 ， 不 过 只 能 被 一 次 性 使 用 。 

例如 用 户 在 一 次 会 话 中 分 别 依 次 请 求 了 /Home/Index、 
/Home/Show 和 /Home/List 3 个 (或 更 多 )URL, 如 图 5-5 所 示 。 

假设 在 执行 /Home/Index 请 求 的 时 候 ， 我 们 分 别 在 
ViewData 和 TempData 对 象 中 保存 了 一 个 数据 。 那 么 ， 图 5-5 ” 某 次 会 话 的 请 求 流程 
ViewData 中 保存 的 数据 只 能 在 /Home/Index 请 求 的 当 次 被 取 
出 并 呈现 ， 而 TempData 中 保存 的 数据 可 以 在 /Home/Index、/Home/Show、/Home/List 或 以 后 的 
其 他 某 次 请 求 中 使 用 。 

例如 我 们 在 执行 /Home/Index 请 求 的 时 候 取出 了 TempData 对 象 中 保存 的 数据 , 那么 在 执行 
/Home/Show 以 及 以 后 的 请 求 中 将 不 存在 这 些 数 据 。 如 果 在 执行 /Home/Show 请 求 的 时 候 取出 了 
TempData 中 保存 的 数据 ， 那 么 在 执行 /Home/List 以 及 以 后 的 请 求 的 时 候 将 无 法 得 到 所 保存 的 
数据 。 

也 可 以 简单 地 理解 为 : ViewData 将 数据 保存 到 Request 中 ， 而 TempData 将 数据 保存 到 
Session 中 ， 只 不 过 这 个 Session 是 个 一 次 性 的 Session 而 已 。 


5.2.2 ”实例 描述 


在 应 用 程序 中 ,注册 一 些 信息 通常 需要 用 户 提交 很 多 项 信息 。 有 时 候 用 户 在 输入 信息 的 时 
候 可 能 手 误 或 者 不 小 心 输入 了 错误 信息 ， 对 于 有 些 重要 的 不 可 修改 的 项 目 (例如 用 于 安全 验证 
的 邮箱 、 电 话 等 信息 ) 来 说 ， 小 小 的 错误 可 能 是 致命 的 ， 所 以 我 们 习惯 在 一 些 提交 重要 信息 的 
时 候 向 用 户 打印 一 遍 其 输入 的 内 容 ， 确 认 以 后 再 进行 保存 。 

本 实例 就 在 用 户 注册 的 时 候 把 用 户 提 交 的 信息 使 用 ViewData 对 象 传递 到 View 中 , 呈现 出 
来 ， 等 待 用 户 确认 。 
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5.2.3 ”实例 应 用 


【 例 5-2】 实 现 用 户 注册 确认 页 面 。 
(1) 打开 上 一 节 使 用 的 项 目 。 
(2) 创建 一 个 处 理 注册 功能 的 Controller， 命 名 为 RegisterController。 默 认 的 Index 动作 ， 


这 里 不 需要 修改 。 
(3) 为 RegisterController 创建 对 应 的 视图 目录 。 在 Views 目录 中 创建 一 个 名 为 Register 的 
目录 。 


(4) 为 RegisterController 下 的 Index 动作 添加 一 个 对 应 的 视图 文件 Index.aspx， 保 存在 
Views/Register 目录 下 。 该 视图 文件 继承 自 第 5.1 节 中 创建 的 母 版 页 。 
Index.aspx 视图 文件 的 主要 代码 如 下 : 


<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
<div id="register"> 
<form action="/Register/Create" method="post"> 

<table border="0" width="500"> 

<thead><tr><td colspan="2"> 

<h2> 用 户 注册 </h2> 

</td></tr></thead> 

<tbody> 

<tr><td class="td left"> 登 录 名 : </td> 

<td><input name="loginName" /></td> 

</tr><tr> 

<td class="td_left"> 密 码 : </td><td><input name="passwrod" type="password" 
/></td> 

</tr><tr> 

<td class="td left"> 确 认 密 码 : </td><td><input name="passwrod2" 
type="password" /></td> 

</tr><tr> 

<td class="td_left"> 安 全 邮箱 : </td> 

<td><input name="email"” /> 输入 你 常用 的 邮箱 ( 找 回 密码 使 用 ) </td> 

</tr><tr> 

<td class="td left"> 联 系 电话 : </td> 

<td><input name="phone"” /> 输入 你 常用 的 联系 电话 (或 手机 ) </td> 

</tr><tr> 

<td colspan="2" align="center"><br /><button type="submit"> 提交 
</button><br /><br /></td> 

二 /ETE> 

</tbody> 

</table> 
</form> 
</div> 
</asp:Content> 


(5) 上 面 代码 是 一 个 注册 表单 ， 表 单 中 有 登录 名 、 密 码 、 邮 箱 和 电话 等 项 。 为 了 封装 这 些 
数据 ， 我 们 添加 一 个 Model 的 UserInfo 类 ， 该 类 代码 如 下 : 


public class UserInfo 

{ 
public string LoginName { get; set; } 
public string Password { get; set; } 
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public string Email { get; set; } 
public string Phone { get; set; } 
， 


(6) 上 面 表单 中 设置 将 数据 提交 到 /Register/Create 上 ， 所 以 需要 在 RegisterConnection 中 添 
加 一 个 名 为 Create 的 Action， 代 码 如 下 : 


public ActionResult Create() 
{ 
UserInfo user = new UserInfo() 
{ 
LoginName = Request.Form["loginName"], 
Password = Request.Form["password"], 
Phone Request.Form["phone"], 
Email Request.Form["email"] 
] 
ViewData["UserInfo"] = user; 


return View(); 


¥ 


上 面 代码 将 用 户 提交 过 来 的 数据 封装 到 一 个 UserInfo 对 象 中 , 然后 将 该 对 象 保存 到 视图 数 
据 字 典 中 。 

(7) 为 Create 动作 创建 一 个 对 应 的 视图 页 面 Create.aspx， 用 于 呈现 视图 数据 字典 中 的 用 户 
信息 ， 页 面 的 主要 代码 如 下 : 


<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
<div id="register"> 
<h2> 用 户 注册 </h2> 
<% MvcAppViewl.Models.UserInfo user = 
ViewData["UserInfo"] as MvcAppViewl .Models.UserInfo; %> 


你 刚才 提交 的 信息 如 下 : <br /> 
登 录 名 : <%= user.LoginName %><br /> 
登录 密码 : <%= "**#*###" 名 ><br /> 
安全 邮箱 : <%= user.Email %><br /> 
联系 电话 : <%= user.Phone %><br /> 
<br /> 
<button> 确 定 注册 </button> 
<a href="/Register"> 返 回 重 填 </a> 
<br /><br /> 

</div> 

</asp:Content> 


上 面 代码 取出 视图 数据 字典 中 的 用 户 信息 ， 进 行 类 型 转换 ， 然 后 分 别 将 各 项 信息 呈现 在 页 
面 中 。 这 里 密码 当然 不 能 直接 明文 显示 ， 我 们 使 用 几 个 星 号 代替 。 


5.2.4 ”运行 结果 


运行 程序 ， 访 问 /Register/Index， 结 果 如 图 5-6 所 示 。 
在 注册 页 面 中 输入 注册 用 户 的 信息 ， 单 击 【 提 交 】 按 钮 ， 结 果 如 图 5-7 所 示 。 
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图 5-6 用 户 注 册页 面 图 5-7 注册 信息 确认 页 面 


5.2.5 ”实例 分 析 


启 源码 解析 


本 实例 接收 用 户 提交 的 信息 ， 并 将 其 封装 到 一 个 UserInfo 对 象 中 ， 同 时 将 UserInfo 对 象 存 
储 在 视图 数据 字典 中 。 

之 后 在 视图 页 面 取出 视图 数据 字典 中 保存 的 UserInfo 对 象 ， 并 进行 数据 类 型 恢复 。 最 后 在 
页 面 中 显示 出 对 象 中 各 个 属性 的 值 。 


5.3 ”使 用 ViewModel 传递 Blog 页 面 中 的 数据 


上 一 节 我 们 讲 了 如 何 使 用 视图 数据 字典 将 Controller 处 理 好 的 数据 呈现 在 页 面 中 。 或 许 大 
家 已 经 发 现 了 一 些 不 太 人 性 化 的 地 方 ， 那 就 是 对 所 传递 的 数据 的 类 型 判断 上 。 

视图 数据 字典 ViewData 和 TempData 对 象 都 是 弱 类 型 的 对 象 ， 使 用 的 时 候 还 需要 进行 数 
据 类 型 的 转换 和 验证 。 稍 有 不 慎 ， 就 会 酿 成 错误 。 

ASP.NET MVC 提供 了 一 种 强 类 型 的 数据 传递 方式 


< 视频 教学 : 光盘 /videos/05/5.3 使 用 ViewModel 传递 Blog 页 面 中 的 数据 Ok 度 : 11 分 钟 


ViewModel, 能 很 好 地 解决 这 个 问题 。 


5.3.1 基础 知识 


在 上 一 节 中 我 们 讲 了 ASPNET MVC 的 两 个 数据 字典 对 象 ViewData 和 TempData。 如果 要 
在 页 面 中 呈现 一 个 对 象 ， 我 们 需要 将 这 个 对 象 添加 到 视图 数据 字典 中 ， 并 在 View 中 获取 它 。 
例如 上 一 节 的 实例 ，Controller 中 的 代码 如 下 : 


public ActionResult Create() 
了 


me 人) >> 
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UserInfo user = new UserInfo() 


{ 


}; 


LoginName = Request.Form["loginName"], 
Password = Request.Form["password"], 
Phone = Request.Form["phone"], 

Email = Request.Form["email"] 


ViewData["UserInfo"] = user; 


return View(); 


} 


之 后 ， 我 们 可 以 在 视 中 获取 并 显示 它们 : 


<% MvcAppViewl .Models.UserInfo user = 


ViewData["UserInfo"] as MvcAppViewl .Models.UserIinfo; %> 


登录 名: <%= user.LoginName %><br /> 

安全 邮箱 : <%= user.Email %><br /> 

联系 电话 : <%= user.Phone %><br /> 

因为 视图 数据 字典 返回 的 是 一 个 弱 类 型 的 对 象 , 所 以 在 呈现 该 对 象 的 时 候 有 必要 将 其 强制 
转换 为 相应 类 型 的 对 象 。 如 果 View 提供 的 视图 具有 与 发 送 过 来 的 模式 相同 的 类 型 ， 那 么 代码 
将 变 得 更 加 清晰 。 如 此 ， 强 类 型 的 数据 传递 方式 ViewModel 就 应 运 而 生 了 。 

前 面 一 节 我 们 提 到 过 ViewPage 类 被 ViewPage<TModel> 类 继承 ， 而 每 个 aspx 视图 又 继承 
了 ViewPage<TModel> 类 ， 这 一 点 在 View 文件 中 的 @Page 指令 中 已 明确 说 明 。@Page 指令 代 


码 如 下 : 


<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %> 


\ 


提示 | 


ascx 和 master 页 面 分 别 继承 自 ViewUserControl<TModel> 和 ViewMasterPage 
<TModel> 类 ， 这 两 个 类 也 是 强 类 型 视图 类 。 


要 使 用 强 类 型 的 视图 ， 可 以 在 控制 器 方法 中 通过 对 View0 方 法 的 重 载 来 指定 到 View 中 的 


模型 对 象 。 


例如 ， 我 们 要 将 一 个 用 户 信息 传递 到 视图 中 ， 可 以 这 样 做 : 


public ActionResult Index() 


{ 


UserInfo user = new UserInfo() 


{ 


1 


LoginName = "admin™", 
Password = "123", 

Email = "joke.he@163.com", 
Phone = "13888888888" 


return View(user); 


} 


在 这 种 情况 下 ， 我 们 将 对 象 直接 使 用 View0 方 法 传递 到 View 中 。 
下 一 步 , 我们 还 需要 修改 视图 的 类 型 ， 也 就 是 修改 @Page 指令 中 标识 该 视图 所 继承 的 类 的 
属性 ， 例 如 : 


< 
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<%@ Page Language="C#" 
Inherits="System.Web.Mvc.ViewPage<MvcAppViewl .Models.UserIinfo>" $%> 


如 此 ， 便 可 以 在 页 面 中 直接 使 Model 对 象 访问 这 个 对 象 了 ， 如 图 5-8 所 示 。 


| ee 
图 5-8” 强 类 型 视图 的 智能 感应 
这 是 ASP.NET MVC 中 使 用 强 类 型 数据 视图 比较 不 错 的 一 个 方法 。 在 视图 中 我 们 完全 可 以 
使 用 Visual Studio 提供 的 智能 感应 功能 来 获取 强 类 型 的 Model。 
”通常 页 面 中 并 不 会 只 用 一 个 数据 对 象 ， 而 View() 方 法 只 能 将 一 个 对 象 发 送 到 视图 
提示 中 。 我 们 可 以 写 一 个 对 应 视图 的 实体 类 ， 在 类 里 将 该 视图 用 到 的 所 有 对 象 作为 属 
性 封装 起 来 ， 就 可 以 实现 对 多 个 数据 对 象 的 传递 。 


5.3.2 ”实例 描述 


通常 ， 博 客 系统 中 会 有 标题 、 心 情 、 文 章 分 类 列表 以 及 文章 等 内 容 。 这 里 有 许多 类 型 的 数 
据 ， 所 以 使 用 一 个 ViewModel( 视 图 模型 ) 封 装 各 部 分 数据 ， 将 会 是 一 个 不 错 的 选择 。 

本 实例 我 们 就 使 用 一 个 BlogIndexView 类 来 封装 页 面 中 的 各 部 分 数据 ， 并 将 其 传递 到 页 面 
中 显示 出 来 。 


5.3.3 ”实例 应 用 


【 例 5-3】 使 用 ViewModel 传递 Blog 页 面 中 的 数据 。 

(1) 我 们 还 是 运用 上 一 节 中 的 项 目 。 

(2) 既然 要 传递 多 部 分 数据 , 我 们 先 创建 一 些 封装 数据 的 ViewModel。 在 Models 目录 下 创 
建 一 个 BlogModels.cs 文件 ， 并 修改 该 文件 中 的 代码 ， 创 建 3 个 实体 类 ， 主 要 代码 如 下 : 


namespace MvcAppViewl.Models 
. 
public class BlogIndexView 
{ 
public string Title { get; set; } 
public string Mood { get; set; } 
public IList<Blogclass> BlogClasses{ get; set; } 
public BlogInfo Blog { get; set; } 


雪 
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public class BlogInfo 
{ 
public string Title { get; set; } 
public string Details { get; set; } 
i 


public class BlogClass 

{ 
public string Title { get; set; } 
public string Explain { get; set; } 


} 


(3) 创建 一 个 处 理 请 求 的 BlogController 类 。 在 Controller 目录 中 创建 一 个 Controller, 命名 
为 BlogController。 修 改 文件 代码 ， 主 要 代码 如 下 : 


public class BlogController : Controller 
! public ActionResult Index() 
' BlogIndexView biv = new BlogIndexView() 
| Title = "zhh 的 博客 " 
Mood = "冬天 就 要 来 了 


… 好 像 已 经 来 了 … 
] 
biv.BlogClasses = new List<BlogClass>(){ 


new BlogClass(){ Title="dotNET Framework", Explain=" 我 对 .NET 平台 的 
认 知 与 感悟 "}， 
new BlogClass(){ Title="ASP.NET", Explain="ASP.NET 中 的 一 些 纠结 " }， 
new BlogClass(){ Title="ASP.NET MVC",， Explain="ASP.NET 的 新 东西 一 一 
MVC™ }, 
new Blogclass (){ Title=" 个 人 笔记 "，Explain=" 学 习 中 的 一 些 感悟 "”} 
}; 
biv.Blog = new BlogInfo() { 
Title = "第 一 个 .NET 程序 "， 
Details = "<p> 其 他 不 说 ， 来 看 代码 : </p><blockquote><p><code>using 
Systemz \n\n" + 
"namespace mdibb {\n\tclass Classl {\n\t\tstatic void Main(string[] 
args) {\n" + 
"\t\t\tConsole.WriteLine(\"Hello, World\");\n\t\t}\n\t}\n" + 
"}</code></p></blockquote><p> 上 面 代码 我 向 控制 台中 打印 一 个 行文 字 “Hello 


World” </p>" }; 
return View (biv); 


(4) 创建 一 个 对 应 BlogController 中 的 Index 动作 的 视图 文件 。 在 Views 目录 中 创建 一 个 名 
为 Blog 的 文件 夹 ， 并 在 下 面 创建 一 个 视图 文件 ， 名 为 Index.aspx。 
(5) 修改 Index.aspx 文件 中 的 @Page 指令 ， 如 下 所 示 : 


<%@ Page Language="C#" 
Inherits="System.Web.Mvc.ViewPage<MvcAppViewl .Models.BlogIndexView>" $%> 


< 
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(6) 修改 mdex.aspx 文件 的 内 容 部 分 。 
其 中 head 部 分 代码 如 下 : 


<head runat="server"> 

<title><%= Model.Title %></title> 

<link href="../../Content/Blog.css" rel="stylesheet" type="text/css" /> 
</head> 


然后 修改 body 部 分 ， 主 要 代码 如 下 : 


<div id="header"> 
<hl><%=Model .Title %></h1> 
<p><%=Model .Mood %></p> 
</div> 
<div id="body"> 
<div id="links"> 
<p> 
<$%foreach (var bc in Model .BlogClasses) 
{ %> 
<a href="#"><%=bc.Title %></a><br/> 
<%=bc .Explain %> 
<br/><br/> 
<%} %> 
</p> 
</div> 
<div id="main"> 
<h2><%=Model .Blog.Title %></h2> 
<%=Model .Blog.Details 多 > 
</div> 
</div> 


所 有 编码 工作 完成 ， 下 面 我 们 来 看 效果 。 


5.3.4 ”运行 结果 


运行 该 应 用 程序 。 首 先 访问 /Blog/Index， 运 行 结 果 如 图 5-9 所 示 。 


Me Wo 


图 5-9 博客 页 面 运行 结果 


M 
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5.3.5 ”实例 分 析 


Ce 


该 实例 将 页 面 中 需要 使 用 的 数据 封装 成 一 个 BlogIndexView 实体 类 , 然后 在 Action 中 收集 
所 有 数据 并 封装 到 BlogIndexView 类 的 实例 中 ,再 使 用 View() 方 法 的 重 载 将 该 实例 发 送 到 视图 
中 。 在 视图 中 使 用 Model 属性 访问 Action 发 送 过 来 的 BlogIndexView 类 的 实例 , 一 一 取出 封装 
的 数据 ， 呈 现 到 页 面 视 图 中 。 


5.4 ”常见 问题 解答 


5.4.1 在 View 中 能 否 操作 Model 


在 View 中 我 能 不 能 操作 Model 呢 ? 
网 络 课堂 : http://bbs.itzcn.com/thread-3934-1-1.html 


在 ASP.NET MVC 中 ， 都 说 要 把 视图 和 业务 分 离开 ， 让 视图 中 只 展示 数据 。 那 么 我 在 视图 
中 能 不 能 直接 操作 Model 呢 ? 

【解决 办 法 】 答 案 是 肯定 的 。 

不 过 Model 也 分 两 种 ， 一 种 是 实体 Model， 存 储 的 是 一 些 实体 类 ; 另 一 种 是 业务 Model， 
存储 的 是 一 些 业务 逻辑 处 理 程序 (业务 方法 )。 

在 视图 中 我 们 当然 可 以 访问 实体 类 封装 的 对 象 ， 所 以 我 们 直接 操作 了 Model。 这 一 点 在 前 
面 的 MVC 结构 示意 图 中 也 有 所 体现 ， 图 中 也 明确 表示 了 View( 视 图 ) 依 赖 于 Model( 模 型 )。 

不 过 有 一 点 需要 注意 : 一 般 来 说 ， 在 视图 中 是 不 允许 操作 业务 模型 的 。 因 为 业务 模型 处 理 
的 是 业务 逻辑 ， 而 我 们 通常 将 业务 处 理 方法 的 调配 权 交 由 Controller 控制 ， 所 以 在 View 中 不 
要 调用 Model 的 业务 方法 ， 否 则 就 有 违 MVC 三 个 模块 划分 的 初衷 了 。 


5.4.2 在 ASP.NET MVC 中 能 否 使 用 WebForm 服务 器 端 控件 


在 ASP.NET MVC 中 还 能 使 用 WebForm 服务 器 端 控件 吗 ? 
网 络 课堂 : http://bbs.itzen.com/thread-3934-1-1.html 


学 了 MVC, 看 到 视图 又 回归 到 那 种 “ 炸 效 面 ” 式 的 代码 ， 有 点 怀念 Web 服务 器 端的 控件 ， 
例如 Repeater、DataList 和 DetailsView 等 。 
我 能 不 能 在 View 中 使 用 这 些 服务 器 端 控件 呢 ? 
【解决 办 法 】 其 实 ASPNET MVC 和 ASP.NET WebForm 应 用 程序 之 间 的 区 别 就 是 视图 的 
一 些 变 化 ，ASP.NET WebForm 是 将 整个 页 面 作为 一 个 表单 处 理 。 实 际 上 ASP.NET MVC 使 用 
的 也 是 ASP.NET WebForm 的 页 面 机 制 ， 所 以 在 ASPNET MVC 中 同样 可 以 使 用 WebForm 的 


< 
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服务 器 端 控件 。 

但 是 ， 因 为 在 MVC 中 我 们 不 习惯 给 控件 添加 事件 (其 实 也 不 可 以 )， 所 以 尽量 不 要 使 用 太 
复杂 的 页 面 控件 ， 以 免 出 现 一 些 莫 名 其 妙 的 错误 。 

这 里 建议 处 理 重复 信息 的 时 候 使 用 迭代 控件 Repeater。 


5.59. 说 题 
一 、 填 空 题 
(1) 能 被 Controller 自动 识别 的 视图 文件 类 型 有 aspx 和 3 
(2) 在 强 类 型 视图 中 ， 可 以 使 用 对 象 访问 视图 动作 传递 过 来 的 强 类 型 数据 。 


(3) 如 果 我 们 要 向 视图 传递 一 个 强 类 型 的 对 象 ， 该 使 用 什么 方法 ? 请 补充 下 面 代 码 。 


public ActionResult Index() 
{ 
Student zhangsan = new Student() 
{ 
// 略 
}; 


(4) 如 果 我 们 要 跨 页 传递 数据 ， 可 以 使 用 对 象 。 
二 、 选 择 题 
(1) 将 视图 单独 分 离 出 来 的 好 处 有 和, 
A. 可 视 化 编辑 ， 所 见 即 所 得 
B. 程序 开发 简单 
C. 不 用 维护 
D.， 可 以 自动 生成 
(2) 在 Views 目录 中 有 一 个 所 有 Controller 共享 的 目录 ， 名 字 是 . 
A. Shared 
B. Share 
C. Common 
D. GongXiang 
(3) TempData 对 象 是 一 个 类 型 的 对 象 。 
A. IDictionary 
B. Dictionary 
C. ITempDataDictionary 
D. TempDataDictionary 
(4) 下 面 关 于 TempData 对 象 的 说 明 ， 不 正确 的 是 
A. TempData 对 象 可 以 跨 页 传递 数据 
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B. TempData 对 象 是 一 个 数据 字典 
C. TempData 对 象 需要 类 型 转换 
D. TempData 对 象 是 一 个 强 类 型 的 数据 传递 对 象 


三 、 上 机 练习 


上 机 练习 : 使 用 ViewModel 实现 个 人 信息 修改 页 面 。 

通过 本 章 的 学 习 ， 大 家 应 该 了 解 View 是 如 何 从 Controller 中 获取 数据 的 。 本 练习 我 们 就 
使 用 ViewModel 强 类 型 数据 传递 方式 来 从 Controller 将 用 户 信息 传递 到 视图 中 。 页 面 执行 结果 
如 图 5-10 所 示 。 


_ 国 [8][%][x 
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。 友情 链接 管理 大 栋 季 的 他 如 人， 武林 一 硕 一 交 丙 手 。 


修改 


图 5-10 个 人 信息 修改 页 面 
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内 容 摘要 

使 用 了 ASP.NET MVC ,我 们 不 能 再 使 用 页 面 控件 ,我 们 需要 在 页 面 中 手动 生成 一 些 HIML 
代码 。 似 乎 又 回 到 了 古老 的 ASP 时 代 ， 就 连 写 一 个 下 拉 列 表 框 都 要 写 一 个 循环 和 一 堆 乱 七 八 
糟 的 表达 式 来 实现 ， 这 对 于 用 惯 了 ASP.NET WebForm 控件 的 我 们 来 说 非常 痛苦 。 

不 过 ， 真 的 没有 其 他 方法 了 吗 ? 当然 不 是 。 

ASPNET 还 提供 了 一 些 在 视图 中 起 辅助 作用 的 静态 类 和 方法 ， 可 以 很 方便 地 使 用 服务 器 
端 代码 来 生成 一 些 页 面 元 素 。 

本 章 主要 讲 如 何 使 用 ASPNET MVC 的 默认 视图 引擎 提供 的 两 个 辅助 类 HtmlHelper 和 
URLHelper。 


学 习 目标 


了 解 为 什么 要 用 HtmlHelper 类 

掌握 HtmlHelper 类 的 表单 生成 方法 
掌握 HtmlHelper 类 的 超 链 接生 成 方法 
掌握 HtmlHelper 类 的 局 部 视图 加 载 方法 
掌握 URL 辅助 类 URLHelper 
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6.1 页 面 辅助 类 HtmlHelper 


相对 于 ASPNET WebForm，ASP.NET MVC 架构 的 应 用 程序 有 一 个 显著 的 特点 : 它 为 我 
们 提供 了 对 应 用 程序 完全 控制 的 能 力 ， 其 中 包括 HTML 标记 。 

不 过 ,完全 控制 真 的 很 好 吗 ? 有 人 宣称 这 是 ASPNET MVC 架构 的 第 一 大 优点 , 确实 是 这 
样 吗 ? 

完全 控制 确实 不 错 ， 也 是 相对 于 ASP.NET WebForm 架构 应 用 程序 的 一 个 显著 特征 ， 但 是 
这 种 情况 的 好 坏 还 要 取决 于 应 用 程序 的 具体 情况 。 

很 多 时 候 我 们 并 不 需要 对 HTML 标记 进行 控制 ， 因 为 我 们 不 需要 关心 其 具体 的 形状 。 因 
为 应 用 程序 错误 处 理 的 不 同 ， 往 往 具 体 的 运行 中 我 们 才能 发 现 HTML 出 现 的 异常 。 所 以 虽然 
完全 控制 不 错 ， 但 也 在 无 形 中 增加 了 许多 职责 。 让 你 不 得 不 怀念 ASP.NET WebForm 中 的 服务 
器 控件 。 

HTML 辅助 方法 提供 了 介 于 完全 控制 和 ASPNET WebForm 中 间 的 控件 。 这 些 方法 包含 在 
ASPNET MVC 架构 中 ， 它 能 够 帮助 我 们 呈现 一 些 常用 的 标记 。 


入 视频 教学 : 光盘 /videos/06/6.1 页 面 辅助 类 人 @@O 长 度 : 7 分 钟 


6.1.1 HtmlHelper 类 


在 ASPNET MVC 中 ,ViewPage 类 包含 了 一 个 名 为 Html 的 属性 , 该 属性 是 一 个 HunlHelper 
类 的 对 象 ， 该 对 象 用 于 在 视图 中 呈现 HTML 元 素 。 

HtmlHelper 类 位 于 System.Web.Mvc.Html 命名 空间 ， 该 类 本 身 的 功能 并 不 多 ， 其 主要 功能 
由 一 系列 静态 扩展 类 组 成 。 它 们 分 别 是 FormExtensions 类 、InputExtensions 类 、LinkExtensions 
类 、SelectExtensions 类 、TextAreaExtensions 类 、 ValidationExtensions 类 和 RenderPartialExtensions 
类 等 。 在 Visual Studio 对 象 浏览 器 中 ， 我 们 可 以 查看 到 各 个 扩展 类 的 实现 方法 详情 ， 如 图 6-1 
所 示 。 


名 ” 在 对 象 浏览 器 中 我 们 可 以 看 到 系统 为 HtmlHelper 类 添加 了 十 多 个 扩展 类 ， 限 于 篇 
提示 | 幅 我 们 只 讲 其 中 常用 的 7 个 。 


在 ASPNET MVC 视图 文件 中 ,我 们 可 以 使 用 ViewPage 类 的 Html 属性 直接 访问 上 面 各 类 
的 扩展 方法 ， 如 图 6-2 所 示 。 

HtmlHelper 类 通过 扩展 方法 实现 了 ASPNET MVC 中 常用 的 各 种 控件 。 同 样 ， 如 果 我 们 不 
喜欢 这 些 辅助 方法 ， 可 以 添加 自己 的 Html 辅助 类 来 实现 这 些 功 能 ， 也 可 以 编写 HtmlHelper 类 
的 扩展 方法 来 实现 一 些 特 定 需 要 的 功能 。 


| 
ate- Web. Eve 的 成 只 


6-1 对 象 浏览 器 图 6-2 在 视图 中 使 用 Html 辅助 对 象 


6.1.2 为 什么 使 用 Html 辅助 方法 


对 于 这 个 问题 ， 其 实 最 简洁 的 回答 就 是 “ 它 能 帮 有 我 们 干 活 ”。 确 实 ， 它 能 够 帮 我 们 做 很 多 
我 们 不 想 做 的 工作 。 
例如 在 Action 中 已 经 写 好 了 一 个 集合 对 象 ， 代 码 如 下 : 
public ActionResult Index() 
, IList<int> level = new List<int> { 1, 2, 3, 4, 5 }; 
ViewData["Level"] = level; 


return View(); 


} 


我 们 要 使 用 这 个 集合 在 视图 中 呈现 一 个 下 拉 列 表 框 ， 传 统 方法 需要 在 页 面 中 使 用 foreach 
或 for 循环 遍历 这 个 集合 ， 取 出 数据 ， 如 下 所 示 : 


<select name="level"> 

<% foreach (var level in ViewData["Level"] as IList<int>) 
{ %> 
<option value="level"><%= level %></option> 

<% } $> 

</select> 


如 果 使 用 Html 辅助 方法 ， 就 省 去 了 页 面 中 大 段 的 遍历 代码 ， 只 需要 一 句 话 就 可 以 打印 出 
来 一 个 下 拉 列 表 框 。 
这 里 我 们 需要 先 简单 地 修改 一 个 Action 中 的 代码 ， 如 下 所 示 : 


public ActionResult Index() 


{ 
IList<int> level = new List<int> { 1, 2, 3, 4, 5 }; 
ViewData["Level"] = new SelectList (level); 


return View(); 


} 
我 们 对 这 个 集合 使 用 SelectList 简单 地 包装 一 下 ,就 可 以 在 视图 中 直接 使 用 了 。 代 码 如 下 : 


< 
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<$%= Html .DropDownList ("Level") $%> 


这 一 行 就 完成 了 向 页 面 中 输入 一 个 下 拉 列 表 框 的 功能 ， 其 好 处 在 此 不 多 说 了 。 

不 过 ， 在 ASP.NET MVC 的 官方 教程 中 有 一 些 关 于 Helper 的 特性 在 这 里 要 强调 一 下 。 

@ ”所 有 的 辅助 方法 都 会 给 元 素 属性 的 值 编码 。 

@ ”所 有 的 辅助 方法 都 会 给 页 面 中 显示 的 值 编码 ， 例 如 链接 文本 。 

@ ”接收 RouteValueDictionary 的 辅助 方法 含有 一 个 对 应 的 重 载 ， 它 允许 指定 一 个 匿名 对 
象 为 字典 。 

@ 同样 , 接收 IDictionary<string, object> 的 辅助 方法 也 有 一 个 相对 应 的 重 载 , 它 允 许 将 匿 
名 对 象 指定 为 字典 。 

@ 用 于 呈现 为 表单 字段 的 辅助 方法 在 ModelState 字典 中 自动 搜索 它们 当前 的 值 。 辅 助 方 
法 的 名 称 和 参数 将 作为 搜索 字典 的 键 。 

@ 如 果 ModelState 包含 一 个 错误 ， 与 之 相关 的 表单 辅助 方法 将 呈现 一 个 
input-validation-error( 输 入 验证 错误 ) 的 CSS 类 和 任何 指定 的 CSS 类 。 在 项 目 模板 包含 
的 默认 样式 表 style.css 中 ， 有 该 类 的 样式 声明 。 


6.2 ”使 用 动态 表单 上 传 个 性 头像 


在 需要 交互 的 页 面 中 ， 最 核心 的 对 象 就 是 form( 表 单 )。 一 般 应 用 程序 必须 使 用 它 向 服务 器 
提交 数据 与 上 传 文件 。 

一 般 的 HTML 表单 通常 由 <form> 标 记 开 始 ， 到 </form> 标 记 结束 ， 中 间 可 能 穿插 任意 多 个 
HTML 元 素 。 所 有 需要 向 服务 器 提交 的 页 面 表单 元 素 ， 都 必须 放 在 这 两 个 标记 中 间 。 

在 ASPNET MVC 中 ， 对 HtmlHelper 类 提供 form 支持 的 扩展 类 就 是 FormExtension 类 。 


A 
视频 教学 : 光盘 /videos/06/6.2 使 用 动态 表单 上 传 个 性 头像 (1) @ 长 度 : 5 分 钟 
使 用 动态 表单 上 传 个 性 头像 实例 (2) 人 OO 长度 : 8 分钟 


6.2.1 基础 知识 


FormExtensions 类 是 一 个 静态 类 ， 其 声明 在 命名 空间 System.Web.Mvc.Html 中 ， 其 中 定义 
了 3 个 扩展 方法 。 开 发 人 员 可 以 使 用 它们 在 视图 中 设置 表单 和 表单 路 由 的 定义 ， 这 3 个 方法 分 
别 是 BeginForm、BeginRouteForm 和 EndForm。 

1. BeginForm() 方 法 

BeginForm() 方 法 实现 表单 的 开始 部 分 ， 也 就 是 说 它 将 组 织 一 个 <form> 标 记 及 其 属性 。 在 
当前 版 本 的 MVC 中 ， 该 方法 有 13 个 重 载 。 

重 载 方法 : 

@ BeginForm() 

© BeginForm(object routeValues) 

®© BeginForm(RouteValueDictionary routeValues) 


sé >> 
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@ BeginForm(string actionName, string controllerName) 

@@ BeginForm(string actionName, string controllerName, object routeValues) 

@ BeginForm(string actionName, string controllerName, RouteValueDictionary routeValues) 

@ BeginForm(string actionName, string controllerName, FormMethod method) 

@@ BeginForm(string actionName, string controllerName, object routeValues, FormMethod 
method) 

@ BeginForm(string actionName, string controllerName, RouteValueDictionary routeValues, 
FormMethod method) 

@ BeginForm(string actionName, string controllerName, FormMethod method, object 
htmlAttributes) 


@ BeginForm(string actionName, string controllerName, FormMethod method, Idictionary 
<string, object> htmlAttributes) 

@ BeginForm(string actionName, string controllerName, object routeValues, FormMethod 
method, object htmlAttributes) 

@ BeginForm(string actionName, string controllerName, RouteValueDictionary routeValues, 
FormMethod method, IDictionary<string, object> htmlAttributes) 

BeginForm() 方 法 的 各 个 重 载 中 主要 包含 以 下 参数 。 

1) object routeValues 

路 由 参数 的 值 ， 一 个 包含 路 由 参数 的 对 象 。 通 过 检查 对 象 的 属性 ， 利 用 反射 检索 参数 。 此 

对 象 通常 是 使 用 对 象 初始 值 设 定 项 语法 创建 的 。 
例如 我 们 向 当前 页 面 提交 一 个 参数 id 的 值 23， 可 以 使 用 以 下 代码 完成 : 


<%= Html .BeginForm(new { id = 23 }) 多 > 


上 面 代码 将 生成 下 面 的 HTML 标记 。 


<form action="/Test/Index/23" method="post"> 


2) RouteValueDictionary routeValues 
路 由 参数 的 值 ， 一 个 包含 路 由 参数 的 集合 ， 表 示 “ 键 / 值 ”对 形式 。 
例如 视图 中 有 以 下 代码 : 


< 和 
IDictionary<string,object> args=new Dictionary<string,object>(); 
args.Add("id",23); 


%> 
<$%= Html .BeginForm(new RouteValueDictionary (args)) %> 
同样 会 生成 下 面 的 HTML 标记 : 


<form action="/Test/Index/23" method="post"> 


3) string actionName 

form 中 要 提交 到 URL 的 Action 名 称 。 

4) string controllerName 

form 中 要 提交 到 URL 的 Controller 名 称 。 


< 
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例如 我 们 要 生成 一 个 action 属性 为 /Home/Index 的 form 表单 ， 可 以 这 样 编写 代码 : 


<%= Html .BeginForm("Index", "Home"); %> 


上 面 代码 将 生成 这 样 的 HTML 标记 : 


<form action="/Home" method="post"> 
@ ”因为 Index 动作 被 URLRouting 配置 为 默认 动作 , 所 以 这 里 生成 的 action 属性 只 有 
提示 | 一 个 Controller 名 称 /Home。 
5) FormMethod method 
指明 在 用 户 提交 表单 时 , 将 使 用 哪个 方法 来 处 理 该 表单 的 数据 。 可 选 值 为 FormMethod.Post 
或 FormMethod.Get。 
例如 以 下 代码 : 


<$%= Html .BeginForm("Index", "Home",FormMethod.Get) $%> 


将 生成 下 面 的 HTML 元 素 : 


<form action="/Home" method="get"> 


6) object htmlAttributes 

一 个 包含 要 为 该 HTML 元 素 设置 HTML 特性 的 对 象 ， 该 属性 可 以 是 一 个 匿名 对 象 ， 而 且 
可 以 在 该 匿名 对 象 中 设置 相应 的 属性 值 。 

例如 我 们 要 设置 form 表单 的 enctype 属性 值 为 multipartform-data， 可 以 使 用 以 下 代码 ; 


<%= Html .BeginForm("Index", "Home",FormMethod.Post, new { enctype = 
"multipart/form-data" }) 多 > 


上 面 代码 执行 后 的 结果 如 下 : 


<form action="/Home" enctype="multipart/form-data" method="post"> 


7) IDictionary<string, object> htmlAttributes 
一 个 包含 要 为 该 HTML 元 素 设置 HTML 特性 的 集合 ， 可 以 设置 该 元 素 相应 的 属性 值 。 
例如 下 面 的 代码 : 


< 多 
IDictionary<string, object> args = new Dictionary<string, object>(); 
args.Add("enctype", "multipart/form-data"); 

$%> 

<$%= Html .BeginForm("Index", "Home", FormMethod.Post,args )%> 


同样 可 以 生成 下 面 代码 : 

<form action="/Home" enctype="multipart/form-data" method="post"> 

2. BeginRouteForm() 方 法 

BeginRouteForm() 方 法 将 根据 URL 路 由 规则 实现 一 个 指定 路 径 的 <form> 标 记 。 当 前 版 本 的 
MVC 中 该 方法 有 12 个 重 载 。 

重 载 方法 : 


®© BeginRouteForm(object routeValues) 


sw 人 >> 


BeginRouteForm(RouteValueDictionary routeValues) 

BeginRouteForm(string routeName) 

BeginRouteForm(string routeName, object routeValues) 

BeginRouteForm(string routeName, RouteValueDictionary routeValues) 
BeginRouteForm(string routeName, FormMethod method) 

BeginRouteForm(string routeName, object routeValues, FormMethod method) 
BeginRouteForm(string routeName, RouteValueDictionary routeValues, FormMethod 
method) 

BeginRouteForm(string routeName, FormMethod method, object htmlAttributes) 
BeginRouteForm(string routeName, FormMethod method, IDictionary<string, object> 
htmlAttributes) 

BeginRouteForm(string routeName, object routeValues, FormMethod method, object 
htmlAttributes) 

BeginRouteForm(string routeName, RouteValueDictionary routeValues, FormMethod 
method, IDictionary<string, object> htmlAttributes) 


BeginRouteForm() 方 法 的 各 个 重 载 主要 包括 以 下 几 个 参数 。 


@ objectrouteValues 路 由 参数 的 值 ， 可 以 是 一 个 匿名 对 象 。 

@ RouteValueDictionary routeValues 路 由 参数 的 值 的 集合 。 

@ string routeName 生成 URL 的 路 由 名 称 ， 即 URLRouting 里 的 Name 参数 , 例如 系统 

默认 的 Default。 

@ ”FormMethod method 提交 请 求 的 方法 。 

@ objecthtmlAttributes 生成 HTML 元 素 的 属性 ， 可 以 是 一 个 匿名 对 象 。 

@ IDictionary<string，object> htmlAttributes 生成 HIML 元 素 的 属性 ， 这 里 是 一 个 属性 

集合 。 
》$ 因为 各 属性 的 参数 前 面 已 经 有 所 了 解 ， 所 以 这 里 就 不 再 重复 讲解 了 。 本 章 以 后 的 
提示 其 他 扩展 方法 也 是 如 此 。 

3. EndForm() 方 法 

EndFomm( 方 法 比 效 简单 ， 它 只 负责 生成 表单 定义 的 结束 部 分 。 

例如 我 们 在 视图 中 设置 如 下 代码 : 

<%= Html.EndForm() $%> 

这 行 代码 将 生成 如 下 HTML 语句 : 

</form> 

因为 在 表单 中 ,结束 标记 </form> 不 需要 进行 属性 配置 ， 所 以 这 里 的 EndForm() 方 法 也 没有 
任何 带 参数 的 重 载 形式 。 

在 实际 应 用 程序 开发 中 , 我 们 还 可 以 使 用 using 语句 来 操作 BeginForm0 方 法 , 而 不 需要 书 
写 这 里 的 EndForm0) 方 法 。 

例如 视图 中 有 以 下 代码 : 


< 


第 6 章 页 面 辅助 类 


hic Web 开发 学 习 实录 .六 


<$% using (Html.BeginForm()) 
{%> 
<%} %> 


运行 以 后 将 生成 以 下 HTML 语句 : 


<form action="/" method="post"></form> 


怎么 样 ， 是 不 是 更 加 简洁 了 ? 


6.2.2 实例 描述 


前 面 章 节 中 已 经 演示 过 如 何 向 服务 器 提交 注册 信息 。 很 多 时 候 ， 在 一 些 交 互 性 强 的 Web 
系统 中 ， 通 常 可 以 让 用 户 上 传 一 些 个 性 头像 来 突显 个 人 特色 。 
本 实例 就 来 演示 如 何 使 用 Form 表单 向 服务 器 上 传 一 个 个 性 头像 。 


6.2.3 ”实例 应 用 


【 例 6-1】 使 用 动态 表单 上 传 个 性 头像 。 
(1) 新建 一 个 空 的 MVC 项 目 。 
(2) 首先 在 Controller 目录 中 添加 一 个 控制 器 类 ,命名 为 UploadController。 修 改 该 Controller 
中 的 代码 ， 如 下 所 示 : 


public class UploadController : Controller 
{ 
public string FacePic = "/Upload/default face.gif"; 


public ActionResult Index() 

{ 
ViewDatal[l"FacePic"] = FacePic; 
return View("Index") 7 


} 


[AcceptVerbs (HttpVerbs.Post)] 
public ActionResult UploadFace() 
出 
foreach (string fn in Request.Files) 
{ 
HttpPostedFileBase hpf = Request.Files[fn]; 
if (!this.HasFile (hpf)) continue; // 如 果 没 有 包含 文件 ， 继 续 下 一 次 循环 
this.FacePic = this.SaveFile (hpf);  // 保 存 文件 ， 获 取 文 件 名 


break; 
} 
return Index(); 


} 


private string SaveFile (HttpPostedFileBase hpf) 
1 
string path = Server.MapPath ("~/Upload/"); 
hpf.saveas (path + hpf.FileName); 
return "/Upload/" + hpf.FileName; 


® 
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} 


private bool HasFile (HttpPostedFileBase hpf) 


{ 
return hpf != null && hpf.ContentLength > 0; 


} 
) 


上 面 代码 中 的 Index 方法 用 于 在 第 一 次 请 求 的 时 候 显示 上 传 头像 界面 ，UploadFace 方法 用 


于 接收 上 传 请 求 ， 保 存 上 传 的 图 片 并 显示 到 页 面 中 。 另 外 两 个 方法 是 上 传 功能 的 辅助 方法 。 


(3) 这 里 我 们 需要 一 个 上 传 页 面 视图 文件 ， 命 名 为 Index.aspx。 修 改 页 面 视图 代码 ， 主 要 


代码 如 下 : 


<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
<div id="register"> 
<% using (Html .BeginForm("UploadFace", "Upload", FormMethod.Post, new 
{ enctype = "multipart/form-data" })) 

{ %> 

<table border="0" width="500"> 

<thead><tr><td colspan="2"> 

<h2> 上 传 头像 </h2> 

</td></tr></thead> 

<tbody> 

<tr><td class="td left">&gnbsp;</td> 

<td> 

<img alt=" 默 认 头像 ” src="<%= ViewData["FacePic"] $%>" 
style="width: 160px; height: 160px; border:solid lpx #ccc; " /></td> 

</tr><tr> 

<td class="td left"> 选 择 头像 : </td><td><input type="file" name="face" 
style="width:350px;" /></td> 

</tr><tr> 

<td colspan="2" align="center"><br /><button type="submit"> 上 传 
</button><br /><br /></td> 

</tr> 

</tbody> 

</table> 

<%= ViewData["E1ag"] 多 > 
<%} %> 
</div> 
</asp:Content> 


这 里 使 用 using 语句 包装 了 Html.BeginForm() 方 法 ， 将 自动 生成 一 组 form 标记 。 在 form 


表单 中 ， 显 示 一 个 头像 图 片 ， 接 收 一 个 视图 字典 的 值 ， 另 外 还 有 一 个 文件 框 ， 用 于 上 传 图 片 。 


名: 这 里 需要 注意 ， 要 上 传 文件 ， 我 们 必须 把 表单 的 enctype 属性 设置 为 multipart/ 
注意 | ”form-data， 表 示 上 传 的 是 二 进 制 数据 ， 否 则 文件 上 传 将 会 失败 。 


下 面 运行 一 下 代码 看 看 效果 。 


6.2.4 运行 结果 


运行 该 应 用 程序 。 访 问 /Upload/Index 路 径 ， 结 果 如 图 6-3 所 示 。 
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单 击 【选择 头像 】 文 本 框 右 侧 的 【浏览 】 按 钮 ， 选 择 一 个 图 片 文件 ， 再 单 击 【上 传 】 按 钮 ， 
执行 上 传 操作 ， 上 传 成 功 以 后 ， 页 面 效 果 如 图 6-4 所 示 。 


图 6-3 上 传 页 面 图 6-4 上 传 成 功 页 面 


6.2.5 实例 分 析 


让 源码 解析 
本 实例 使 用 using 语句 封装 了 Html.BeginForm() 方 法 ， 生 成 一 个 form 表单 。 该 表单 将 请 求 
提交 到 Upload 控制 器 的 UploadFace 动作 上 ， 请 求 方式 为 POST， 同 时 为 表单 元 素 添加 一 个 
enctype 属性 ， 属 性 值 为 multipart/form-data， 表 示 上 传 的 是 二 进 制 数 据 。 在 服务 器 端 接收 到 数 
据 以 后 进行 保存 ， 并 将 保存 的 文件 路 径 和 文件 名 传递 到 页 面 中 ， 再 将 上 传 的 图 片 显示 出 来 。 


6.3 使 用 页 面 辅助 类 扩展 用 户 注册 功能 


表单 中 通常 需要 提交 一 些 文本 或 其 他 类 型 的 数据 ， 所 以 大 多 数 的 表单 离 不 开 文本 框 控件 。 
文本 框 控 件 在 HTML 中 表示 为 input 标记 , 该 标记 可 以 通过 type 属性 将 其 设置 成 文本 框 、 密 码 
框 、 单 选 按钮 、 多 选 按钮 或 隐藏 域 等 。 

在 ASPNET MVC 中 提供 了 一 个 input 标记 扩展 功能 的 类 InputExtensions， 下 面 我 们 就 来 
详细 了 解 一 下 。 


A9 
视频 教学 : 光盘 /videos/06/6.3 ”使 用 页 面 辅助 类 扩展 用 户 注册 功能 (1) 。 @@ 长 度 : 12 分 钟 
使 用 页 面 辅助 类 扩展 用 户 注册 功能 实例 (2) @ 长 度 ，10 分 钟 


6.3.1 基础 知识 


InputExtensions 类 是 一 个 静态 类 ， 其 声明 在 命名 空间 System.Web.Mvc.Html 中 。 其 中 定义 
的 扩展 方法 分 别 对 多 选 按钮 (CheckBox)、 隐 藏 域 (Hidden)、 密 码 框 (Password) 、 单 选 按钮 
(RadioButton) 和 文本 框 (TextBox) 等 进行 了 封装 。 开 发 人 员 可 以 使 用 它们 在 视图 中 创建 相应 的 表 


sm >> 


单元 素 。 


M 


SS 
息 


第 6 章 ”页面 辅助 类 


1. CheckBox() 方 法 
CheckBox0 方 法 封装 了 HTML 元 素 中 的 多 选 框 控件 .其 定义 了 6 个 重 载 方法 供 开 发 人 员 使 用 。 


重 载 方法 : 

@ CheckBox(string name) 

@@ CheckBox(string name, bool isChecked) 

@@ CheckBox(string name, bool isChecked, object htmlAttributes) 

@@ CheckBox(string name, object htmlAttributes) 

@ CheckBox(string name, IDictionary<string, object> htmlAttributes) 

®© CheckBox(string name, bool isChecked, IDictionary<string, object> htmlAttributes) 

这 些 重 载 方法 的 参数 如 下 。 

@ string name 表单 字段 的 名 称 。 

@ bool isChecked 该 复 选 框 初始 状态 是 否 已 被 选中 。 

@ object htmlAttributes ”该 复 选 框 HTML 元 素 的 属性 值 ， 该 值 可 以 是 一 个 匿名 对 象 。 

@ IDictionary<string，object> htmlAttributes ”该 复 选 框 HTML 元 素 的 属性 值 ， 该 值 是 一 
个 数据 字典 。 

例如 在 视图 中 有 以 下 代码 : 

<%= Html .CheckBox ("MyCheckBoxl",true,new{ id="checkBoxl1" }) 多 > 

将 生成 如 下 HTML 语句 : 


<input checked="checked" id="checkBoxl" name="MyCheckBoxl" type="checkbox" 
value="true" /><input name="MyCheckBoxl1" type="hidden" value="false" /> 


2. Hidden() 方 法 
Hidden() 方 法 封装 了 HTML 元 素 中 的 隐藏 域 控 件 。 其 定义 了 4 个 重 载 方法 供 开 发 人 员 使 用 。 


重 载 方法 : 

© Hidden(string name) 

© Hidden(string name, object value) 

© Hidden(string name, object value, object htmlAttributes) 

© Hidden(string name, object value, IDictionary<string, object> htmlAttributes) 

这 些 重 载 方法 的 参数 如 下 。 

@ string name 窗 体 字 段 的 名 称 或 用 于 查找 值 的 System.Web.Mvc.ViewDataDictionary 键 

@ object value 隐藏 的 input 元 素 的 值 。 如 果 此 值 为 null， 则 从 System.Web.Mvc. 
ViewDataDictionary 对 象 检索 该 元 素 的 值 。 如 果 该 对 象 中 不 存在 任何 值 ， 则 从 
System.Web.Mvc.ModelStateDictionary 对 象 检 索 该 值 。 

@ objecthtmlAttributes ”隐藏 域 HTML 元 素 的 属性 值 ， 该 值 可 以 是 一 个 匿名 对 象 。 

@ IDictionary<string, object> htmlAttributes ”隐藏 域 HTML 元 素 的 属性 值 ， 该 值 是 一 个 
数据 字典 。 

例如 在 视图 中 有 以 下 代码 : 
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<$= Html .Hidden ("Hiddenl","This is Hidden Value") $%> 


则 将 在 HTML 代码 中 生成 以 下 语句 : 

<input id="Hiddenl" name="Hiddenl™" type="hidden" value="This is Hidden Value" 
J 

3. Password() 方 法 


Password() 方 法 封装 了 HTML 元 素 中 的 密码 输入 框 控件 ， 该 方法 有 4 个 重 载 形式 。 
重 载 方法 : 

@@ Password(string name) 

® Password(string name, object value) 

® Password(string name, object value, object htmlAttributes) 

® Password(string name, object value, IDictionary<string, object> htmlAttributes) 
该 方法 的 参数 与 Hidden 方法 一 致 ， 这 里 不 再 详细 说 明 。 

例如 我 们 的 视图 文件 中 有 以 下 代码 : 


<%= Html .Password("pwdl", 123456) %> 


上 面 代码 将 在 页 面 中 生成 如 下 的 HTML 代码 : 


<input id="pwdl" name="pwdl" type="password" value="123456" /> 
4. RadioButton() 方 法 


RadioButton() 方 法 封装 了 HTML 元 素 中 的 单 选 按钮 控件 ， 该 方法 有 6 个 重 载 形式 。 

重 载 方 法 : 

@ RadioButton(string name, object value) 

RadioButton(string name, object value, object htmlAttribute) 

RadioButton(string name, object value, IDictionary<string, object> htmlAttribute) 

RadioButton(string name, object value, bool isChecked) 

RadioButton(string name, object value, bool isChecked, object htmlAttribute) 

RadioButton(string name, object value, bool isChecked, IDictionary<string, object> 

htmlAttribute) 

这 些 重 载 方法 的 参数 如 下 。 

@ string name 窗 体 字段 的 名 称 和 用 于 查找 值 的 System.Web.Mvc.ViewDataDictionary 键 。 

@ object value 如果 选 择 此 单 选 按钮 ， 则 为 在 发 送 窗 体 时 提交 的 此 单 选 按钮 的 值 。 如 果 
System.Web.Mvc.ViewDataDictionary 或 System.Web.Mvc.ModelStateDictionary 对 象 
中 选 定 的 单 选 按钮 的 值 与 此 值 匹配 ， 则 选择 此 单 选 按钮 。 

@ objecthtmlAttribute 一 个 对 象 ， 其 中 包含 要 为 该 元 素 设置 的 HIML 特性 。 

@ IDictionary<string, object> htmlAttribute 单 选 按钮 HTML 元 素 的 属性 值 , 该 值 是 一 个 
数据 字典 。 

@ boolisChecked 单 选 按钮 的 选择 状态 如果 要 选择 单 选 按钮 , 则 为 true; 否则 为 false。 

例如 我 们 的 视图 文件 中 有 以 下 代码 : 


<%= Html.RadioButton("radioButtonl", "buttonValue", true)®> 
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上 面 代码 将 在 页 面 中 生成 如 下 的 HTML 语句 : 


<input checked="checked" id="radioButtonl" name="radioButtonl" type="radio"™ 
value="buttonValue" /> 


5. TextBox() 方 法 


TextBox() 方 法 封装 了 HTML 元 素 中 的 文本 框 控 件 ， 该 方法 有 4 个 重 载 形式 。 
重 载 方法 : 

© TextBox(strmg name) 

© TextBox(string name, object value) 

© TextBox(string name, object value, object htmlAttribute) 

© TextBox(string name, object value, IDictionary<string, object> htmlAttribute) 
该 方法 的 参数 与 Hidden0 和 Password0 方 法 一 致 ， 这 里 不 再 详细 说 明 。 

例如 我 们 的 视图 文件 中 有 以 下 代码 : 


<%= Html .TextBox("TextBoxl", "TextValue", new { maxlength = 3 })%> 


上 面 代码 将 在 页 面 中 生成 如 下 的 HTML 语句 : 


<input id="TextBoxl" maxlength="3" name="TextBoxl1" type="text" 
value="TextValue" /> 


6.3.2 ”实例 描述 


在 第 6.2 节 中 , 我 们 使 用 了 普通 的 纯 HTML 标签 的 形式 编写 了 一 个 注册 表单 。 这 种 方式 不 
太 容 易 进行 控制 。 

本 实例 我 们 将 使 用 ASP.NET MVC 提供 的 页 面 辅助 类 对 该 注册 表单 进行 重 构 , 并 对 注册 信 
息 添加 一 些 扩 展 属性 。 


6.3.3 ”实例 应 用 


【 例 6-2】 使 用 页 面 辅助 类 扩展 用 户 注册 功能 。 
(1) 运用 上 一 节 的 项 目 。 
(2) 首先 打开 RegisterController， 在 该 控制 器 中 添加 一 个 Action， 命 名 为 Reg， 代 码 如 下 : 


public ActionResult Reg() 
{ 
return View(); 


} 
(3) 添加 一 个 对 应 Reg 动作 的 视图 ， 命 名 为 Reg.aspx。 添 加 页 面 代 码 ， 如 下 所 示 : 


<% using (Html.BeginForm("Create", "Register", FormMethod.Post)) 
\ 
<table border="0" width="500"> 
<thead><tr><td colspan="2"> 
<h3> 用 户 注册 </h3> 
</td></tr></thead><tbody> 
<tr><td class="td left"> 登 录 名 : </td> 


< 
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<td><$=Html .TextBox ("loginName") $></td> 
</tr><tr><td class="td left"> 密 码 : </td> 

<td><%=Htm]l .Password ("password") $%></td> 
</tr><tr><td class="td left"> 确 认 密 码 : </td> 

<td><%=Htm]l .Password ("password2") $></td> 
</tr><tr><td class="td left"> 性 别 : </td> 


<td><%=Html .RadioButton("sex", true, new { style = "border:0; 
width:30px;” })%> 男 
<%=Html .RadioButton ("sex", false, new { style = "border:0; 


width:30px;"” })%> 女 </td> 
</tr><tr><td class="td left"> 已 婚 : </td> 
<td><%=Html .CheckBox ("married™" 
width:30px;" })%></td> 
</tr><tr><td class="td left"> 安 全 邮箱 : </td> 
<td><%=Html .TextBox ("email") %> 输 入 你 常用 的 邮箱 ( 找 回 密码 使 用 ) </ta> 
</tr><tr><td class="td left"> 联 系 电话 : </td> 
<td><%=Html .TextBox ("phone") %> 输 入 你 常用 的 联系 电话 (或 手机 ) </tad> 


</tr><tr> 

<td colspan="2" align="center"><br /><button type="submit"> 提交 
</button><br /><br /></td> 

</tr> 

</tbody> 

</table> 
<%} %> 


在 上 面 的 代码 中 ,我 们 使 用 页 面 辅助 类 生成 了 一 个 页 面 表单 。 因 为 本 节 演 示 的 是 页 面 辅助 
类 ， 所 以 这 里 将 其 他 业务 逻辑 代码 省 略 。 


:+ false, new { style = "border:0; 


6.3.4 ”运行 结果 


运行 该 项 目 ， 访 问 /Register/Reg 路 径 ， 结 果 如 图 6-5 所 示 。 
在 页 面 空白 处 右 击 ， 然 后 从 弹出 的 快捷 菜单 中 选择 【查看 源 文件 】 命 令 ， 结 果 如 图 6-6 
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图 6-5 用 户 注册 页 面 图 6-6 注册 页 面 源 代码 
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6.3.5 实例 分 析 


Ce 


本 实例 使 用 页 面 辅助 类 HtmlHelper 下 的 扩展 方法 生成 的 表单 元 素来 对 注册 页 面 进行 重 构 。 
使 用 Html.TextBox( 方 法 替换 了 页 面 中 HTML 标记 <input>， 然 后 使 用 Html.RadioButton() 和 
Html.CheckBox() 方 法 封装 了 新 添加 的 两 个 用 户 注册 属性 。 

另外 ， 本 实例 还 使 用 了 上 一 节 讲 过 的 HtmlBeginForm() 方 法 来 对 页 面 中 的 Form 表单 进行 
了 封装 。 


6.4 超 链接 扩展 类 


Web 应 用 程序 少不了 超 链 接 。ASP.NET MVC 专门 使 用 LinkExtensions 类 向 Htmlhelper 
类 扩展 了 两 个 静态 方法 ActionLink0 和 RouteLink0, 可 以 让 开发 者 在 视图 中 自由 地 设置 相关 的 
链接 。 

下 面 分 别 对 它们 予以 说 明 。 


上 视频 教学 : 光盘 /videos/06/6.4 ， 超 链接 扩展 类 GO 长度 :12 分 钟 


6.4.1 ActionLink() 方 法 


ActionLink0 方 法 封装 了 一 个 超 链接 ， 其 中 定义 了 10 个 重 载 的 扩展 方法 供 开 发 人 员 使 用 。 
重 载 方法 : 

@ ActionLink(string linkText, string actionName) 

ActionLink(string linkText, string actionName, object routeValues) 

ActionLink(string linkText, string actionName, object routeValues, object htmlAttributes) 
ActionLink(string linkText, string actionName, RouteValueDictionary routeValues) 
ActionLink(string linkText, string actionName, RouteValueDictionary routeValues, 
IDictionary<string, object> htmlAttributes) 

@@ ActionLink(string linkText, string actionName, string controllerName) 


@ ActionLink(string linkText, string actionName, string controllerName, object routeValues, 
object htmlAttributes) 

@@ ActionLink(string linkText, string actionName, string controllerName, RouteValue- 
Dictionary routeValues, IDictionary<string, object> htmlAttributes) 

® ActionLink(string linkText, string actionName, string controllerName, string protocol, 
string hostname,string fragment, object routeValues, object htmlAttributes) 


< 
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@ ActionLink(string linkText, string actionName, string controllerName, string protocol, 
string hostname,string fragment, RouteValueDictionary routeValues, IDictionary<string, 
object> htmlAttributes) 

这 些 重 载 方法 的 参数 如 下 。 

@ stringlinkText 指定 元 素 的 内 部 文本 。 

@ string actionName 动作 的 名 称 

@ object routeValues 一 个 包含 路 由 参数 的 匿名 对 象 。 通 过 检查 对 象 的 属性 ， 可 利用 反 

@ RouteValueDictionary routeValues 一 个 包含 路 由 参数 的 集合 对 象 。 

@ object htmlAttributes 该 HIML 元 素 的 属性 值 ， 该 值 可 以 是 一 个 匿名 对 象 。 

@ IDictionary<string, object> htmlAttributes 该 HTML 元 素 的 属性 值 ， 该 值 是 一 个 数据 

字典 。 

string controllerName ”控制 器 的 名 称 。 

string protocol “URL 协议 ， 例 如 http 或 https。 

string hostname URL 的 主机 名 称 。 

string fragment ”URL 的 片段 名 称 ， 指 定 一 个 锚 点 名 称 。 

例如 我 们 可 以 使 用 下 面 语句 来 生成 一 个 超 链 接 : 


<%= Html .ActionLink ("Home New","New","Home")®%®> 


该 语句 生成 的 HTML 代码 如 下 : 


<a href="/Home/New">Home New</a> 


假如 我 们 要 生成 一 个 指定 完整 URL 的 超 链 接 ， 可 以 使 用 如 下 代码 : 


<%= Html .ActionLink ("Home New", "New", "Home", "http", "www.12345.com","a", new 
{ id = 32 }, new { style = "text-decoration:none;" })%> 


上 面 代码 生成 的 结果 如 下 : 


<a href="http://www.12345.com:2814/Home/New/32#a" 
style="text-decoration:none;">Home New</a> 


全 了 在 这 里 生成 的 结果 中 ， 是 以 当前 Web 应 用 程序 所 使 用 的 端口 为 目标 URL 端口 。 


注意 


6.4.2 ”RouteLink() 方 法 


RouteLink() 方 法 也 将 封装 一 个 视图 中 的 超 链接 ， 与 ActionLink() 方 法 不 同 的 是 ， 它 可 以 根 
据 路 由 配置 规则 来 生成 匹配 指定 路 由 的 超 链接 。 

RouteLink() 方 法 定义 了 11 个 重 载 的 扩展 方法 供 开 发 人 员 使 用 。 

重 载 方法 : 

© RouteLink(string linkText, object routeValues) 
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RouteLink(string linkText, RouteValueDictionary routeValues) 

RouteLink(string linkText, string routeName) 

RouteLink(string linkText, string routeName. object routeValues) 
RouteLink(string linkText, string routeName, RouteValueDictionary routeValues) 
RouteLink(string linkText, object routeValues, object htmlAttributes) 


RouteLink(string linkText, RouteValueDictionary routeValues, IDictionary<string,object> 

htmlAttributes) 

@ RouteLink(string linkText, string routeName, object routeValues, object htmlAttributes) 

®© RouteLink(string linkText, string routeName, RouteValueDictionary routeValues, 
IDictionary <string,object> htmlAttributes) 

@ RouteLink(string linkText, string routeName, string protocol, string hostName, string 
fragment, object routeValues, object htmlAttributes) 

@ RouteLink(string linkText, string routeName, string protocol, string hostName, string 
fragment, RouteValueDictionary routeValues, IDictionary<string,object> htmlAttributes) 

这 些 重 载 方法 的 参数 如 下 。 

@ string linkText 指定 元 素 的 内 部 文本 。 

@ string routeName 路 由 的 名 称 。 

@ object routeValues 一 个 包含 路 由 参数 的 匿名 对 象 。 通 过 检查 对 象 的 属性 ， 可 利用 反 

RouteValueDictionary routeValues 一 个 包含 路 由 参数 的 集合 对 象 。 

object htmlAttributes ”该 HTML 元 素 的 属性 值 ， 该 值 可 以 是 一 个 匿名 对 象 。 

IDictionary<string,object> htmlAttributes ”该 HTML 元 素 的 属性 值 , 该 值 是 一 个 数据 字典 。 

string protocol ”URL 协议 ， 例 如 http 或 https。 

string hostname ”URL 的 主机 名 称 。 

string fragment URL 的 片段 名 称 ， 指 定 一 个 锚 点 名 称 。 

例如 我 们 可 以 使 用 下 面 语句 来 生成 一 个 超 链 接 : 


<%= Html .RouteLink ("NewLink", new { controller="Home", action="New" }) 多 > 
该 语句 生成 的 HTML 代码 如 下 : 
<a href="/Home/New">NewLink</a> 


也 可 以 使 用 该 方法 来 实现 更 复杂 的 链接 配置 ， 如 下 : 


<%= Html .RouteLink ("NewLink", "Default", new { controller = "Home", action = 
"New", id = 32 }, new { style = "text-decoration:none;" })%> 


上 面 的 代码 将 生成 一 个 HTML 元 素 ， 如 下 所 示 : 


<a href="/Home/New/32" style="text-decoration:none;">NewLink</a> 


< 
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6.5 ”使 用 局 部 视图 处 理 站 点 搜索 模块 


在 ASP.NET WebForm 应 用 程序 中 有 个 用 户 控 件 机 制 ， 可 以 让 我 们 把 一 些 多 个 页 面 公 用 的 
模块 独立 起 来 存放 到 一 个 文件 中 ， 以 便 实现 程序 模块 化 和 代码 复 用 的 功能 。 

在 ASPNET MVC 中 ， 沿 用 了 ascx 文件 ， 但 它 仅 作为 页 面 视图 的 角色 而 存在 。 那 么 如 何 
能 像 WebForm 中 那样 使 用 用 户 控件 呢 ? 

答案 就 是 PartialView( 局 部 视图 )。 


上 视频 教学 ， 光 盘 /videosy06/6.5 ”使 用 局 部 视图 处 理 站 点 搜索 模块 Ok 度 : 7 分 名 


6.5.1 基础 知识 


一 般 来 说 , PartialView( 局 部 视图 ) 在 ASPNET MVC 中 也 是 以 用 户 控件 (扩展 名 asca) 的 形式 
存在 的 。 


》 虽然 在 ASP.NET MVC 的 视图 中 可 以 使 用 Web 页 面 (aspx) 充 当局 部 视图 ， 但 是 因 
提示 | ”为 其 包含 有 完整 的 页 面 结构 ， 所 以 一 般 不 建议 使 用 Web 页 面 作为 局 部 视图 。 


在 ASP.NET MVC 中 ， 可 以 使 用 RenderPartialExtensions 类 来 扩展 HtmlHelper 方法 。 

RenderPartialExtensions 类 中 包含 一 个 RenderPartial() 方 法 , 该 方法 用 来 引入 一 个 局 部 视图 。 
RenderPartial( 方 法 有 4 个 重 载 形式 。 

重 载 方 法 : 

@ RenderPartial(string partialViewName) 

@@ RenderPartial(string partialViewName, ViewDataDictionary viewData) 

© RenderPartial(string partialViewName, object model) 

®© RenderPartial(string partialViewName, object model, ViewDataDictionary viewData) 

这 些 重 载 方法 的 参数 如 下 。 

@ string partialViewName 局 部 视图 的 名 称 ， 这 里 不 包含 扩展 名 。 

@ object model 用 于 局 部 视图 的 模型 。 如果 该 局 部 视图 是 一 个 强 类 型 视图 , 则 需要 为 其 

指定 该 项 。 
@ ViewDataDictionary viewData 局 部 视图 使 用 的 数据 字典 。 


多 》 默认 情况 下 ,局 部 视图 和 页 面 视图 使 用 的 是 同一 个 ViewData， 所 以 可 以 不 用 为 其 
技巧 | ”指定 具体 的 视图 数据 字典 。 


6.5.2 ”实例 描述 


搜索 模块 通常 是 一 个 网 站 中 最 常用 的 功能 模块 ， 它 一 般 需 要 放 在 站 点 的 多 个 页 面 中 。 按 照 
以 前 ASP.NET WebForm 的 习惯 ， 通 常 将 它 作为 一 个 用 户 控件 存放 。 
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本 实例 我 们 就 使 用 ASP.NET MVC 的 局 部 视图 来 处 理 搜索 模块 。 


6.5.3 ”实例 应 用 


【 例 6-3】 使 用 局 部 视图 处 理 站 点 搜索 模块 。 

(1) 打开 前 面 我 们 使 用 的 项 目 。 

(2) 先 来 添加 一 个 Controller， 命 名 为 PartialController。 同 时 系统 会 自动 为 其 添加 一 个 名 为 
Index 的 Action， 这 里 我 们 不 需要 修改 它们 。 

(3) 在 Views 目录 中 创建 一 个 名 为 Partial 的 文件 夹 。 

(4) 在 Partial 目录 下 添加 一 个 局 部 视图 文件 ， 名 为 Search.ascx。 编 辑 该 文件 ， 添 加 搜索 功 
能 的 代码 ， 如 下 所 示 : 


<%@ Control Language="C#" 
Inherits="System.Web.Mvc.ViewUserControl<dynamic>" 多 > 


<h2> 搜 索 </h2> 
<input type="text" name="s" id="searchtext" /> 
<input type="submit" id="searchsubmit" value=" 搜 索 " /> 


(5) 在 Partial 目录 下 添加 一 个 视图 文件 ， 名 为 Index.aspx。 编 辑 该 页 面 ， 添 加 页 面 内 容 。 
在 使 用 搜索 功能 的 地 方 用 Html 对 象 的 RenderPartial0 方 法 引入 前 面 创建 的 局 部 视图 , 如 下 所 示 : 


<div id="secondary"> 
<% Html.RenderPartial ("Search"); %> 
<h2> 关 于 </h2> 


6.5.4 ”运行 结果 


运行 该 项 目 ， 访 问 /Partial/Index 路 径 ， 结 果 如 图 6-7 所 示 。 
在 该 页 面 中 ， 右 击 页 面 空白 处 ， 选 择 【查看 源 文件 】 命 令 。 打 开 该 页 面 的 源 文 件 ， 可 以 看 
到 ， 系 统 自动 将 局 部 视图 中 的 代码 引入 进来 ， 如 图 6-8 所 示 。 


图 6-7 引入 局 部 视图 的 运行 结果 图 6-8 页 面 源 文件 


<@— 
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6.5.5 ”实例 分 析 


Ce 


本 实例 将 页 面 中 的 搜索 功能 模块 单独 存放 ， 以 实现 应 用 程序 代码 的 复 用 。 在 页 面 中 需要 用 
到 的 地 方 使 用 HtmlHelper 的 扩展 方法 RenderPartial() 将 其 引入 即 可 。 
该 方法 的 使 用 效果 与 ASP.NET WebForm 中 的 用 户 控 件 的 效果 一 样 。 


6.6 ”完善 注册 页 面 


列表 框 控 件 是 HTML 表单 中 使 用 较为 普遍 也 是 十 分 复杂 的 控件 。 通 常 我 们 需要 编写 一 个 
循环 ， 将 其 展示 到 页 面 中 。 

在 ASPNET WebForm 中 提供 了 一 个 DropDownList 控件 , 使 用 非常 方便 。 同 样 ，ASPNET 
MVC 的 HtmlHelper 也 扩展 了 一 些 实现 类 似 功 能 的 方法 ,就 是 这 里 的 DropDownList0 和 ListBoxO 
方法 : 


二 
> 视频 教学 : 光盘 /videos/06/6.6 “完善 注册 列表 人 @@ 长 度 : 9 分 钟 


6.6.1 基础 知识 


在 ASPNET MVC 中 ，SelectExtensions 类 为 HtmlHelper 类 提供 了 一 些 静 态 方法 ， 用 于 封 
装 一 些 列表 选择 控件 ， 例 如 这 里 的 DropDownList0 和 ListBox() 方 法 。 


1. DropDownList() 方 法 


DropDownList( 方 法 主要 实现 一 个 下 拉 列 表 框 其 中 定义 了 8 个 重 载 方法 供 开 发 人 员 使 用 。 

重 载 方 法 : 

®© DropDownList(string name) 

®© DropDownList(string name, string optionLabel) 

@ DropDownList(string name, IEnumerable<SelectListItem> selectList) 

@@ DropDownList(string name, IEnumerable<SelectListItem> selectList, object html- 
Attributes) 

@@ DropDownList(string name, IEnumerable<SelectListItem> selectList, IDictionary 
<string,object> htmlAttributes) 

@ DropDownList(string name, IEnumerable<SelectListItem> selectList, string optionLabel) 

@@ DropDownList(string name, I[Enumerable<SelectListItem> selectList, string optionLabel, 
object htmlAttributes) 

@@ DropDownList(string name, IEnumerable<SelectListItem> selectList, string optionLabel, 
IDictionary<string,object> htmlAttributes) 


mm >> 
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这 些 重 载 方法 的 参数 如 下 。 

@ string name 要 返回 的 表单 中 元 素 的 名 称 。 

@ string optionLabel 默认 为 第 一 个 空 项 的 文本 ， 此 参数 可 以 为 null。 

@ IEnumerable<SelectListItem>selectList 一 个 用 于 填充 下 拉 列 表 的 System.Web.Myvc. 

SelectListItem 对 象 的 集合 。 

object htmlAttributes ”该 HTML 元 素 的 属性 值 ， 该 值 可 以 是 一 个 匿名 对 象 。 

@ IDictionary<string, object> htmlAttributes 该 HTML 元 素 的 属性 值 ， 该 值 是 一 个 数据 
字典 。 

例如 在 视图 中 有 如 下 代码 : 


<$%= Html .DropDownList ("List", new SelectList(new int[] { 2, 4, 6, 3, 2 }))%> 


将 在 页 面 中 生成 一 个 下 拉 列 表 框 ，HTML 代码 如 下 : 


<select id="List" name="List"><option>2</option> 
<option>4</option> 

<option>6</option> 

<option>3</option> 

<option>2</option> 

</select> 


2. ListBox() 方 法 


ListBox() 方 法 将 在 页 面 中 生成 一 个 列表 框 。 其 中 定义 了 4 个 重 载 方法 供 开发 人 员 使 用 。 
重 载 方法 : 


© ListBox(string name) 


© ListBox(string name, IEnumerable<SelectListItem> selectList) 

© ListBox(string name, IEnumerable<SelectListItem> selectList, object htmlAttributes) 

@@ ListBox(string name, IEnumerable<SelectListItem> selectList, IDictionary<string,object> 
htmlAttributes) 

这 些 重 载 方法 的 参数 如 下 。 

@ string name 要 返回 的 表单 中 元 素 的 名 称 。 

@ IEnumerable <SelectListItem>selectList 一 个 用 于 填充 列表 的 System.Web.Mvc.Select- 
ListItem 对 象 的 集合 。 

@ object htmlAttributes 该 HTML 元 素 的 属性 值 ， 该 值 可 以 是 一 个 匿名 对 象 。 

@ IDictionary<string, object> htmlAttributes 该 HTML 元 素 的 属性 值 ， 该 值 是 一 个 数据 
字典 。 

例如 在 视图 中 有 如 下 代码 : 


<$%= Html.ListBox("List", new SelectList (new string[] { "郑州 "，" 石 家 庄 "， "济南 
Er DE 


将 在 页 面 中 生成 一 个 下 拉 列 表 框 ，HTML 代码 如 下 : 


<select id="List" multiple="multiple" name="List"><option> 郑 州 </option> 
<option> 石 家 庄 </option> 

<option> 济 南 </option> 

<option> 武 汉 </option> 


<E@— 
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</select> 


6.6.2 ”实例 描述 


从 前 面 的 讲述 我 们 知道 , 使 用 DropDownList0 和 ListBox() 方 法 可 以 很 方便 地 实现 一 个 选择 
框 控件 。 在 实际 应 用 中 ， 我 们 经 常用 到 这 些 列表 选择 控件 ， 例 如 在 注册 信息 的 时 候 使 用 的 国家 
和 地 区 、 日 期 、 血 型 以 及 星座 等 属性 都 可 以 使 用 列表 框 控件 来 实现 。 

本 实例 我 们 就 使 用 一 个 列表 框 控件 来 完善 我 们 的 用 户 注册 页 面 , 这 里 我 们 为 其 添加 一 个 星 
座 选择 项 。 


6.6.3 ”实例 应 用 


【 例 6-4】 完 善 注册 页 面 。 
(1) 运用 前 面 我 们 使 用 的 项 目 。 
(2) 先 修改 RegisterController 中 的 Reg 方法 ， 准 备 一 个 下 拉 列 表 框 的 数据 。 代 码 如 下 : 


public ActionResult Reg() 
IDictionary<int, string> star = new Dictionary<int, string>(); 
star.Add (1,， "白羊座 ") ; 
star.Add (2，" 金 牛 座 ") ; 
star.Add(3,， "双子 座 ") ; 
star.Add (4，" 巨 蟹 座 ") ; 
star.Add (5,， "狮子 座 ") ; 
star.Add(6,， "处 女 座 ") ; 
star.Add(7，" 天 征 座 ") ; 
star.Rdd(8，" 天 蝎 座 ") ; 
star.Rdd(9，" 射 手 座 ") ; 
star.Add (10， "摩羯 座 ") ; 
star.Add (11，" 水 瓶 座 ") ; 
star.Add (12, "双鱼 座 ") ; 
SelectList starList = new SelectList(star, "Key", "Value"); 
ViewData["star"] = starList; 
return View(); 


} 
(3) 修改 页 面 中 的 代码 。 在 注册 表单 中 间 添 加 一 个 【星座 】 下 拉 列 表 框 。 代 码 如 下 : 


</tr><tr><td class="td left"> 确 认 密 码 : </td> 
<td><%=Html .Password ("password2") %></td> 
</tr><tr><td class="td left"> 星 座 : </td> 
<td><%=Htm]l .DropDownList ("star") %></td> 
</tr><tr><td class="td left"> 性 别 : </td> 
<td><%=Html .RadioButton("sex", true, new { style = "border:0; 
width:30px;"” })$%> 男 


好 了 ， 可 以 运行 项 目 看 看 结果 了 。 
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6.6.4 运行 结果 


运行 我 们 的 项 目 ， 访 问 /Register/Reg 路 径 ， 结 果 如 图 6-9 所 示 。 
右 击 页 面 中 的 空白 处 ， 选 择 【 查 看 源 文件 】 命 令 ， 打 开 一 个 【原始 源 】 窗 口 ， 如 图 6-10 
所 示 。 


图 6-9 注册 页 面 的 【星座 】 下 拉 列 表 6-10 ”生成 下 拉 列 表 框 的 HTML 代码 


6.6.5 ”实例 分 析 


os 


本 实例 首先 在 Action 中 声明 了 一 个 字典 (IDictionary<int，string>)， 用 于 存储 星座 信息 ， 然 
后 使 用 SelectList 类 的 构造 方法 将 其 封装 成 一 个 SelectList 类 型 的 列表 对 象 ， 并 把 该 对 象 存放 到 
视图 字典 中 ， 最 后 使 用 HtmlHelper 类 的 DropDownList() 方 法 在 页 面 中 展示 一 个 下 拉 列 表 框 控 
件 。 由 于 这 里 没有 设置 列表 项 和 默认 值 ， 所 以 该 方法 将 根据 name 参数 的 值 到 视图 字典 中 搜索 
列表 项 并 自动 绑 定 。 


6.7 文本 域 扩展 类 


上 视频 教学 ， 光盘 /videos/061 6.7 文本 域 扩展 类 Ok 度 : 1 分钟 


在 HTML 表单 中 ， 文 本 域 控件 (<textarea></textarea>) 也 是 一 个 常用 的 表单 组 件 ， 通 常用 于 
输入 大 段 的 文本 信息 。 

ASPNET MVC 中 的 HtmlHelper 也 对 其 进行 了 封装 , 使 我 们 可 以 在 服务 器 端 更 方便 地 控制 
文本 域 的 结构 。 

ASP.NET MVC 中 的 TextAreaExtensions 类 对 HtmlHelper 类 进行 了 扩展 ， 使 其 对 文本 域 控 
件 提供 了 支持 。 


<@—— 
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TextAreaExtensions 类 中 定义 了 一 个 TextArea() 方 法 ， 对 页 面 的 textarea 元 素 进 行 了 封装 。 
该 方法 有 8 个 重 载 形式 。 
重 载 方法 : 
@@ TextArea(string name) 
TextArea(string name, object htmlAttributes) 
TextArea(string name, IDictionary<string,object> htmlAttributes) 
TextArea(string name, string value) 
TextArea(string name, string value, object htmlAttributes) 
TextArea(string name, string value, IDictionary<string,object> htmlAttributes) 
TextArea(string name, string value, Int rows, int columns, object htmlAttributes) 


TextArea(string name, string value, int rows, int columns, IDictionary<string,object> 

htmlAttributes) 

et 
string name ”要 返回 的 表单 中 元 素 的 名 称 。 

@ object htmlAttributes 该 HIML 元 素 的 属性 值 ， 该 值 可 以 是 一 个 匿名 对 象 。 

@ IDictionary<string， object> htmlAttributes 该 HTML 元 素 的 属性 值 ， 该 值 是 一 个 数据 
字典 。 

@ string value 页 面 中 表单 元 素 的 值 (内 容 )。 

@ introws 生成 的 文本 域 的 行 数 

@ intcolumns 生成 的 文本 域 的 列 数 。 


例如 在 视图 中 有 如 下 代码 : 
<%= Html .TextArea ("myTextRrea"，"<h1> 这 是 一 个 标题 </h1><p> 这 是 一 段 文 本 </p>"，3，50， 
new { style = "border: solid lpx #ccc;" })%> 


将 在 页 面 中 生成 一 个 文本 域 ，HTML 代码 如 下 : 


<textarea cols="50" id="myTextArea" name="myTextArea" rows="3" style="border: 
solid lpx #ccc;"> 
&lt;hlggt; 这 是 一 个 标题 elt; /hlggt; glt;p&gt; 这 是 一 段 文 本 glt; /p&gt;</textarea> 


6.8 登录 验证 


在 ASP.NET WebForm 中 ， 验 证 机 制 为 我 们 带 来 很 大 方便 。HtmlHelper 也 提供 了 一 些 扩展 
方法 , 可 以 实现 在 页 面 中 显示 ModelState 中 存在 的 错误 信息 ， 以 便 开 发 人 员 在 处 理应 用 程序 执 
行 时 的 错误 。 
rc 视频 教学 : 光盘 /videos/06/6.8 ”登录 验证 人 @@O 长 度 : 9 分 钟 
6.8.1 基础 知识 


ValidationExtensions 类 里 提供 了 两 个 静态 方法 ValidationMessage0 和 ValidationSummary0O， 


sm >> 


M 
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这 两 个 方法 实现 了 将 ModelState 字典 中 的 信息 显示 到 页 面 中 的 功能 。 
1. ValidationMessage() 方 法 


ValidationMessage() 方 法 可 以 将 ModelState 字典 中 指定 的 错误 信息 显示 到 视图 中 ， 并 且 可 
以 使 用 CSS 控制 其 风格 。 该 方法 有 6 个 重 载 形式 。 

重 载 方法 : 

® ValidationMessage(string modelName) 

® ValidationMessage(string modelName, object htmlAttributes) 

® ValidationMessage(string modelName, string validationMessage) 

® ValidationMessage(string modelName, string validationMessage, object htmlAttributes) 

® ValidationMessage(string modelName, IDictionary<string,object> htmlAttributes) 

® ValidationMessage(string modelName, string validationMessage, 

IDictionary<string,object >htmlAttributes) 

这 些 重 载 方法 的 参数 如 下 。 
string modelName ”所 验证 的 属性 或 模型 对 象 的 名 称 。 
string validationMessage ”要 在 指定 字段 包含 错误 时 显示 的 消息 。 
object htmlAttributes ”该 HTML 元 素 的 属性 值 ， 该 值 可 以 是 一 个 匿名 对 象 。 
IDictionary<string, object> htmlAttributes ”该 HTML 元 素 的 属性 值 ， 该 值 是 一 个 数据 
字典 。 
例如 在 控制 器 动作 中 我 们 将 一 个 错误 添加 到 ModelState 中 : 


public ActionResult Index() 
4 


Var ms = new Modelstate(); 
ms.Errors.Add ("ErrorMessage."); 
ModelSstate["Err"] = ms; 


return View(); 


接 下 来 在 视图 中 使 用 ValidationMessage0 方 法 显示 该 错误 信息 ， 如 下 所 示 : 
<$%= Html .ValidationMessage ("Err") 多 > 
这 样 将 在 页 面 中 显示 如 下 HTML 代码 : 


<span class="field-validation-error">ErrorMessage.</span> 


当然 ， 如 果 在 ModelState 中 没有 找到 指定 键 的 值 ， 什 么 也 不 输出 。 
另外 ， 我 们 还 可 以 在 视图 中 重 写 该 错误 信息 ， 例 如 : 


<%= Html .ValidationMessage ("Err", "This is a Error!") 多 > 


将 在 页 面 中 生成 如 下 HTML 代码 : 


<span class="field-validation-error">This is a Error!</span> 
2. ValidationSummary() 方 法 
ValidationSummary() 方 法 将 在 页 面 中 显示 一 个 ModelState 字典 中 所 有 确认 错误 的 未 经 排序 


<@—— 
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的 列表 ， 而 且 可 以 使 用 CSS 控制 其 风格 。 该 方法 有 8 个 重 载 形式 。 


重 载 方法 : 

@ ValidationSummary() 

@@ ValidationSummary(bool excludePropertyErrors) 

® ValidationSummary(string message) 

@ ValidationSummary(bool excludePropertyErrors, string message) 

@ ValidationSummary(string message, object htmlAttributes) 

® ValidationSummary(bool excludePropertyErrors, string message, object htmlAttributes) 

@ ValidationSummary(string message, IDictionary<string,object> htmlAttributes) 

@ ValidationSummary(bool excludePropertyErrors, strimg message, IDictionary<string, 
object> htmlAttributes) 

这 些 重 载 方法 的 参数 如 下 。 


@ string message 要 在 ModelState 中 包含 错误 时 显示 的 消息 标题 。 

@ bool excludePropertyErrors true 表示 使 摘要 仅 显 示 模型 级 别 的 错误 ，false 表示 使 摘 
要 显示 所 有 错误 。 

@ object htmlAttributes 该 HTML 元 素 的 属性 值 ， 该 值 可 以 是 一 个 匿名 对 象 。 

@ IDictionary<string，object> htmlAttributes 该 HTML 元 素 的 属性 值 ， 该 值 是 一 个 数据 
字典 。 

例如 在 控制 器 动作 中 我 们 将 一 些 错误 添加 到 ModelState 中 : 


public ActionResult Index() 
Var modelState = new Modelstate(); 
modelSstate.Errors.Add ("LoginName Error."); 
ModelState["LoginName"] = modelState; 


modelState = new Modelstate(); 
modelstate.Errors.Add ("Password Error."); 
ModelState["Password"] = modelState; 


return View(); 


} 
之 后 在 页 面 中 使 用 本 节 讲 的 两 个 方法 获取 这 些 信息 : 


<%= Html.ValidationMessage ("LoginName") 和 > 
<$%= Html.ValidationMessage ("Password") %> 
<$%= Html.ValidationSummary("This is Title") 多 > 


上 面 代码 最 终 将 在 页 面 中 生成 如 下 HTML 代码: 


<span class="field-validation-error">LoginName Error.</span> 
<span class="field-validation-error">Password Error.</span> 
<div class="validation-summary-errors"><span>This is Title</span> 
<ul><1i>LoginName Error.</1i> 
<li>Password Error.</l1i> 
</ul></div> 
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6.8.2 ”实例 描述 


提起 “验证 ”， 使 用 得 最 多 的 就 是 权限 验证 吧 。 一 般 所 有 的 信息 管理 系统 都 需要 一 个 用 户 
登录 功能 ， 以 便 系统 能 够 很 好 地 控制 登录 用 户 的 权限 。 

既然 需要 验证 ,就 说 明 有 不 合法 的 信息 。 我 们 在 处 理 错 误 信 息 的 时 候 往往 使 用 浏览 器 弹出 
一 个 对 话 框 ， 这 样 很 不 友好 ， 但 向 页 面 中 指定 位 置 显示 信息 也 不 太 方便 。 

在 ASP.NET MVC 中 ， 我 们 可 以 使 用 HtmlHelper 提供 的 验证 信息 机 制 在 Action 里 控制 错 
误 信 息 的 显示 。 

本 实例 我 们 就 使 用 HtmlHelper 的 方法 来 实现 用 户 登录 中 的 错误 提示 。 


6.8.3 ”实例 应 用 


【 例 6-5】 登 录 验 证 。 
(1) 运用 前 面 我 们 使 用 的 项 目 。 
(2) 在 Controller 目录 下 添加 一 个 Controller， 命 名 为 LoginController。 
(3) 修改 LoginController， 即 修改 其 中 代码 如 下 : 


public class LoginController : Controller 
{ 
public ActionResult Index() 
{ 
if (Request.HttpMethod == "POST") 
{ 
string username = Request.Form["Username"]; 
string password = Request.Form["Password"]; 


if (ValidateUser (username, password)) 
{ 
return View("Success"); 
} 
} 


return View(); 


} 


private bool ValidateUser (string username, string password) 
:| 
bool flag = true; 
if (username == null || username == "") 
. 
Modelstate modelState = new Modelstate(); 
modelstate.Errors.Add ("用 户 名 输入 错误 ! "); 
Modelstate["Username"] = modelSstate; 
flag = false; 


< 
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if (password == null || password == "") 

{ 
ModelState modelState = new Modelstate(); 
modelstate.Errors.Add ("密码 输入 错误 ! "); 
ModelState["Password"] = modelState; 
flag = false; 

| 


return flag; 


(4) 在 Views 目录 下 创建 一 个 名 为 Login 的 文件 夹 。 
(5) 在 Login 文件 夹 中 添加 一 个 视图 ， 命 名 为 Index， 视 图 文件 名 称 为 Index.aspx。 
(6) 修改 Index 视图 ， 添 加 代码 ， 主 要 代码 如 下 : 


<div style="width:100%; "> 
<% using (Html .BeginForm()) 
{ %> 
<table border="0" cellpadding="0" cellspacing="0" style=" width:500px; 
margin:auto;"> 
<thead> 
<tr><td colspan="3"><h3> 管 理 登录 </h3></td></tr> 
</thead><tbody> 
<tr> 
<td class="td left"> 登 录 名 : </td> 
<td class="td control"><%= Html .TextBox ("Username")®%></td> 
<td><%=Html .ValidationMessage ("Username") $%>&gnbsp;</td> 
</tr><tr> 
<td class="td left"> 密 码 : </td> 
<td class="td_contIol"><%=Html.Password("Password")g%></td> 
<td><%=Html .ValidationMessage ("Password") %>gnbsp;</td> 
</tr> 
<tr><td colspan="2" align="center"><br /><button type="submit"> 登 录 
</button></td></tr> 
</tbody> 
</table> 
<%} $> 
</div> 


6.8.4 运行 结果 


运行 程序 ， 访 问 /Login/Index 路 径 。 
在 打开 的 登录 页 面 中 直接 单 击 【登录 】 按 钮 ， 在 输入 框 后 面 的 单元 格 中 将 显示 错误 提示 信 


息 ， 运 行 结果 如 图 6-11 所 示 。 


Eee 全) >> 
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6.8.5 ”实例 分 析 


re 


本 实例 将 在 页 面 表单 提交 的 时 候 获取 用 户 输入 的 信息 ， 进 行 判断 (这 里 只 是 演示 ， 只 判断 
是 否 为 空 )， 如 果 某 一 项 不 合法 ， 将 在 ModelState 中 添加 一 个 错误 信息 。 

最 后 在 页 面 的 适当 位 置 使 用 HtmlHelper 类 的 ValidationMessage() 方 法 来 在 视图 中 呈现 
ModelState 中 保存 的 错误 信息 。 


6.9 URL 辅助 类 URLHelper 


前 面 讲 过 页 面 辅助 类 HtmlHelper, 它 可 以 在 页 面 中 动态 地 生成 一 些 HTML 元 素 。 ASPNET 
MVC 还 提供 了 一 个 专门 生成 URL 的 辅助 类 URLHelper。 

因为 有 些 开 发 人 员 不 习惯 使 用 组 件 来 生成 超 链接 ， 所 以 经 常会 使 用 纯 HIML 的 方式 添加 
一 个 超 链接 标记 , 然后 只 要 生成 一 个 URL 即 可 。 有 些 地 方 需要 直接 显示 一 个 URL, URLHelper 
就 填补 了 这 方面 的 空白 。 

UrlHelper 提供 了 常用 的 4 个 方法 : Action0)、Content0、Encode0 和 RouteUrlO0， 用 于 根据 
不 同 的 参数 使 用 不 同 的 方式 生成 URL。 


只 视频 教学 : 光盘 /videos/06/6.9 ”URL 辅助 类 人 @@ 长 度 : 6 分 钟 
6.9.1 Action() 方 法 
Action() 方 法 根据 传 入 的 值 生 成 URL， 该 方法 有 8 个 重 载 形式 供 开 发 人 员 使 用 。 
重 载 方法 : 


@ Action(String actionName) 


“Es 


时 


< 
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Action(String actionName, Object routeValues) 

Action(String actionName, RouteValueDictionary routeValues) 

Action(String actionName, String controllerName) 

Action(String actionName, String controllerName, Object routeValues) 

Action(String actionName, String controllerName, RouteValueDictionary routeValues) 
Action(String actionName, String controllerName, Object routeValues, String protocol) 


Action(String actionName, String controllerName, RouteValueDictionary routeValues, 

String protocol, String hostName) 

这 些 重 载 方法 的 参数 如 下 。 

@ string actionName 控制 器 动作 的 名 称 。 

@ string controllerName 控制 器 的 名 称 。 

@ ”Object routeValues 一 个 包含 路 由 参数 的 对 象 。 通 过 检查 对 象 的 属性 ， 可 以 利用 反射 
检索 参数 ， 取 得 参数 的 值 。 

@ RouteValueDictionary routeValues 一 个 包含 路 由 参数 的 集合 。 

@ string protocol URL 中 的 协议 名 称 ， 例 如 http 或 https。 

@ string hostname URL 中 的 的 主机 名 。 

例如 在 视图 中 有 如 下 代码 : 


<a href="<%= Url.Action("Create", "Product") $%>">Create</a> 


将 会 在 页 面 中 生成 如 下 HTML 语句 : 


<a href="/Product/Create">Create</a> 


另外 ， 我 们 也 可 以 使 用 这 种 方式 来 生成 一 个 form( 表 单 )， 代 码 如 下 : 


<form action="<%= Ur]l.Action("Create", "Product", new { id = 1 } ) %>" 
method="post"> 
</form> 


生成 的 结果 如 下 : 


<form action="/Product/Create/1l" method="post"> 
</form> 


6.9.2 ”Content() 方 法 


利用 Content0 方 法 可 以 将 一 个 相对 路 径 转换 为 一 个 绝对 路 径 。 该 方法 只 有 一 个 参数 , 并 且 


没有 其 他 的 重 载 形 式 。 其 格式 如 下 : 


Content (String contentPath) 


Content() 方 法 接收 一 个 相对 路 径 为 参数 ， 生 成 一 个 站 点 的 绝对 路 径 。 
例如 在 视图 中 有 如 下 代码 : 


<a href='<%= Url.Content ("~/Product/Create")®>'>Create</a> 


将 会 在 页 面 中 生成 如 下 一 行 HTML 语句 : 
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<a href='/Product/Create'>Create</a> 


6.9.3 Encode() 方 法 


Encode() 方 法 将 把 URL 中 的 特殊 字符 编码 成 可 以 在 URL 中 传递 的 密 文 形式 。 
Encode() 方 法 只 有 一 个 参数 ， 并 且 没 有 其 他 重 载 形式 。 其 格式 如 下 : 

Encode (String url) 

Encode() 方 法 接收 一 个 未 加 密 的 URL 内 容 作 为 参数 ， 该 方法 将 对 这 个 参数 进行 加 密 。 
例如 在 视图 中 有 如 下 代码 : 


<a href="<%= Url.Action("Create", "Product", new { id = Url.Encode ("这 是 一 段 
中 文 内 容 ") }) %>">Create</a> 


将 在 页 面 中 生成 如 下 HTML 代码 : 


<a 


href="/Product/Create/%25e8%25bf%2599%25e6%2598%25af%25e4%25b8%2580%25e6%25 
ae%®%25b5%25e4%25b8%25ad%25e6%2596%2587%2526%25e5%2586%2585%25e5%25ae%25b9">C 
reate</a> 


6.9.4 ”RouteUrl() 方 法 


RouteUrl() 方 法 将 根据 指定 的 路 由 及 参数 生成 一 个 URL。 该 方法 提供 了 7 个 重 载 形式 供 开 
发 人 员 使 用 。 
重 载 方法 : 


RouteUrl(Object routeValues) 

RouteUrl(RouteValueDictionary routeValues) 

RouteUrl(String routeName) 

RouteUrl(String routeName, Object routeValues) 

RouteUrl(String routeName, RouteValueDictionary routeValues) 

RouteUrl(String routeName, Object routeValues, String protocol) 

RouteUrl(String routeName, RouteValueDictionary routeValues, String protocol, String 
hostName) 


这 些 重 载 方法 的 参数 如 下 。 


Object routeValues 一 个 包含 路 由 参数 的 对 象 。 通 过 检查 对 象 的 属性 ， 可 以 利用 反射 
检索 参数 ， 取 得 参数 的 值 。 

RouteValueDictionary routeValues 一 个 包含 路 由 参数 的 集合 。 

String routeName ”用 于 生成 URL 的 路 由 的 名 称 。 

string protocol URL 中 的 协议 名 称 ， 例 如 http 或 https。 

string hostname ”URL 中 的 的 主机 名 。 


例如 在 视图 中 有 如 下 代码 : 


<@— 
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<a href="<%= Url.RouteUrl (new { controller = "Product", action = "Show", id = 
"12" })%>">Show</a> 


将 在 页 面 中 生成 如 下 的 HTML 文本 : 


<a href="/Product/Show/12">Show</a> 
6.10 ”常见 问题 解答 


6.10.1 Html.RenderPartial 报错 


Html.RenderPartial 报错 
网 络 课堂 : http://bbs.itzen.comythread-3934-1-1.html 


执行 当前 Web 请 求 期 间 ， 出 现 未 处 理 的 异常 。 请 检查 堆栈 跟踪 信息 ， 以 了 解 有 关 该 错误 


以 及 代码 中 导致 错误 的 详细 信息 。 
异常 详细 信息 System.NullReferenceException: 未 将 对 象 引 用 设置 到 对 象 的 实例 。 


源 错误 : 

行 24: </div>--%> 

行 25: <% Html.RenderPartial("Header.ascx"): %> 

行 26: </div> 

源 文件 : ei\gz project\ Visual Studio 2008\Design\Design.Web\U\UserDomains\Home.aspx 
行 :26 

堆栈 跟踪 : 


[NullReferenceException: 未 将 对 象 引 用 设置 到 对 象 的 实例 。] 


(以 下 省 略 ) 
【解决 办 法 】 如 果 你 的 partial( 本 例 中 是 Header.ascx) 是 在 当前 请 求 的 controller 下 (位 于 目 
录 /Views/nameController 下 ) 或 共享 目录 下 (/Views/Shared)， 那 么 只 要 把 后 级 .ascx 去 掉 就 行 了 ， 
也 就 是 把 第 25 行 换 成 : 


<% Html.RenderPartial ("Header.ascx"); $> 


如 果 你 的 partial 位 于 其 他 位 置 , 那么 你 需要 引用 虚拟 目录 , 目录 依 你 的 项 目 而 定 , 形式 如 下 : 


<%: Html.Partial ("~/Views/Shared/Partials/MyOtherPartial.ascx") $%> 


这 个 时 候 需 要 .ascx 后 缀 。 如 果 不 明 白 ， 请 补充 问题 ， 希 望 我 能 帮 到 你 。 


6.10.2 为 什么 ASP.NET MVC 要 使 用 BeginForm 


为 什么 ASP.NET MVC 要 使 用 BeginForm? 
网 络 课堂 : http://bbs.itzen.com/thread-3934-1-1.html 


为 什么 ASPNET MVC 要 使 用 BeginForm? 为 什么 不 直接 用 <form></form>? 
【解决 办 法 】action 的 URL 可 能 受 UrlRouting 的 影响 而 改变 。 
例如 你 将 {controller}/{action} 规 则 改 为 {action}/{controller} .html, 那么 你 是 不 是 要 将 所 有 页 
面 的 <form action="data/get" 改 为 <form action="get/datahtml" 呢 ? 
如 果 使 用 Helper 就 解决 了 这 个 问题 。 
其 实 所 有 的 Helper 无 非 就 是 解决 程序 中 有 变化 的 东西 ,例如 绑 定数 据 `\URLRouting 的 URL 
或 相对 路 径 ， 如 果 你 的 地 址 一 直 不 会 变化 ， 完 全 可 以 使 用 HTML 标签 。 


6.11 习 题 


一 、 填 空 是 


(1) HtmlHelper 类 位 于 命名 空间 。 
(2) FormExtensions 类 为 HtmlHelper 类 扩展 了 3 个 方法 ， 分 别 是 
BeginRouteForm 和 EndForm. 


(3) URLHelper 类 提供 了 一 个 方法 来 将 文本 进行 URL 编码 。 
(4) 使 用 HtmlHelper 类 的 方法 ， 可 以 实现 一 个 下 拉 列 表 框 。 
二 、 选 择 题 
(1) 在 HtmlHelper 类 中 ， 使 用 方法 可 以 生成 一 个 文本 域 对 标记 。 
A. TextArea() B. Action() 
C. ListBox() D. TextBoxO 
(2) 使 用 一 个 无 参 的 Html.BeginForm() 方 法 ， 可 以 生成 一 个 的 表单 头 标 签 。 
A， 提交 到 网 站 首页 B. 提交 到 当前 页 面 
C. 提交 到 上 级 目录 D. 没有 提交 目标 
(3) 下 面 代码 中 可 以 生成 如 下 一 段 HTML 标记 : 


<select id="List" name="List"><option>1</option> 
<option>2</option> 
<option>3</option> 
<option>4</option> 

</select> 

A. <%=Htm]l .DropDownList ("List",new int[]{ 1, 2, 3, 4 }) $%> 
。 <%=Html .ListBox("List",new int[]{ 1, 2, 3, 4 }) %> 


B 
C. <%=Html.ListBox("List", new SelectList(new int[] { 1, 2, 3, 4 }))%> 
D 


。 <%=Html .DropDownList ("List",new SelectList (new int[]{ 1, 2, 3, 4 })) %> 


< 
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(4) 在 ASPNET MVC 中 ， 类 提供 了 生成 文本 框 、 复 选 框 、 单 选 按钮 和 隐藏 域 
等 控件 的 方法 。 
A. InputExtensions 
B. TextAreaExtensions 
C. LinkExtensions 


D. SelectExtensions 
三 、 上 机 练习 


上 机 练习 : 使 用 HtmlHelper 实现 一 个 详细 信息 登记 页 面 。 
本 章 我 们 花 了 大 量 篇 幅 讲解 了 HtmlHelper 的 各 个 方法 的 功能 ， 上 机 使 用 HtmlHelper 生成 
一 个 实现 详细 信息 登记 功能 的 Form 表单 ， 如 图 6-12 所 示 。 


图 6-12 详细 信息 登录 页 面 
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内 容 摘 要 

随 着 MVC 模式 在 Java 中 如 火 如 茶 地 发 展 ，Microsoft 也 渐渐 感觉 到 MVC 的 优势 ,也 加 入 
了 MVC 模式 的 应 用 行列 。 

Microsoft 的 传统 Web 开发 模式 ASP.NET WebForm 确实 开创 了 Web 程序 的 一 个 新 纪元 。 
它 很 容易 上 手 ， 使 开发 人 员 很 轻松 地 做 一 些 原本 很 复杂 的 实现 (例如 GridView 控件 、DataList 
控件 和 Repeater 控件 )。 

对 于 这 几 年 才 开始 发 展 的 ASP.NET MVC， 因 为 在 UI 层 中 需要 将 Controller 和 View 完全 
分 离 ， 所 以 它 必 须 颠 覆 传 统 的 WebForm 开发 模式 中 的 事件 驱动 模式 ， 使 用 传统 的 表单 提交 的 
UI 处 理 思想 。 在 ASP.NET MVC 中 , 基本 上 握 齐 了 ASP.NET WebForm 中 的 服务 器 端 控件 以 及 
与 之 相关 的 事件 处 理 机 制 。 

但 是 因为 ASP.NET MVC 正在 发 展 ， 所 以 其 对 开发 中 的 实际 应 用 功能 的 支持 并 不 完善 ， 例 
如 集合 的 迭代 ， 我 们 还 需要 使 用 传统 的 foreach 遍历 方式 来 实现 ， 很 不 美观 。 不 过 ， 经 过 测试 ， 
在 ASPNET MVC 的 视图 中 ， 仍 然 可 以 使 用 ASPNET WebForm 中 的 服务 器 端 控件 来 实现 集合 
数据 的 迭代 。 

本 章 我 们 就 来 介绍 服务 器 端 迭 代 控 件 在 ASPNET MVC 中 的 应 用 。 

学 习 目标 

@ 为 什么 要 在 视图 中 使 用 服务 器 端 控件 

@ ”使 用 Repeater 控件 展示 数据 集合 

@ ”使 用 DataList 控件 展示 数据 集合 
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7.1 和 迭代 显示 一 个 员工 信息 列表 


俗话 说 : 知己 知 彼 ， 百 点 不 至。 

要 在 ASP.NET MVC 中 使 用 迭代 控件 ， 必 须 先 弄 明白 为 什么 需要 使 用 它们 ， 了 解 一 下 当前 
开发 中 遇 到 的 问题 ， 然 后 才能 体会 到 我 们 为 什么 要 破例 违规 使 用 ASPNET WebForm 控件 。 

下 面 就 看 看 如 何 使 用 foreach 的 方式 迭代 一 个 集合 。 


上 视频 教学 ， 光盘 /videosy0717 1 办 代 显示 一 个 员工 信息 列表 Ok 度 : 7 分 外 


7.1.1 实例 描述 


随 着 公司 规模 的 扩大 ， 员 工 管理 就 成 了 一 个 难题 ， 经 常见 人 力 资源 部 的 人 来 回 各 个 部 门 统 
计 问 题 ， 非 常 费力 ， 所 以 公司 决定 开发 一 套 人 力 资 源 管理 系统 。 

现在 公司 里 有 一 个 ASP.NET 小 组 时 间 比 较 充 足 ， 所 以 使 用 ASP.NET MVC 技术 来 开发 这 
个 项 目 ， 也 能 顺便 锻炼 一 下 员工 的 能 力 ， 两 全 其 美 。 

下 面 这 个 实例 就 拿 人 力 资源 管理 系统 中 的 员工 列表 功能 给 大 家 展示 一 下 ASP.NET MVC 
中 的 数据 集合 迭代 的 实现 。 


7.1.2 实例 应 用 


【 例 7-1】 和 从 代 显示 一 个 员工 信息 列表 。 

(1) 新 建 一 个 ASP.NET MVC 2 空 Web 应 用 程序 ， 命 名 为 MvcApp。 

(2) 这 里 我 们 要 处 理 员 工 信 息 列 表 ， 所 以 需要 定义 一 个 封装 员工 信息 的 实体 类 。 员 工 信 息 
一 般 有 编号 、 姓 名 、 性 别 、 部 门 和 职务 等 ， 所 以 这 个 员工 实体 类 要 定义 几 个 属性 ， 如 下 所 示 : 


public class Worker 
public string Number { get; set; } 
public string Name { get; set; } 
public string Sex { get; set; } 
public string Department { get; set; } 
public string Post { get; set; } 


(3) 创建 一 个 人 力 资源 模块 的 Controller， 命 名 为 HumanResourceController。 
(4) 修改 HumanResourceController 下 面 的 Index 方法 。 在 该 方法 里 我 们 需要 得 到 一 个 员工 
信息 列表 的 集合 ， 然 后 将 该 集合 传递 到 视图 中 。 代 码 如 下 : 


public ActionResult Index() 
有 
IList<Worker> workers = new List<Worker>(); 
workers.Add (new Worker() { 
Number = "hr00132"，Name = " 张 焰 文 "，sex = " 男 "， 


Department = "开发 部 "， Post 
workers.Add (new Worker () { 
Number = "hr00133", Name = 
Department = "工程 部 "， Post 
workers.Add (new Worker() { 
Number = "hr00134", Name = 
Department = "开发 部 "， Post 
workers.Add (new Worker() { 
Number = "hr00136", Name = 
Department = "开发 部 "， Post 
workers.Add (new Worker() { 
Number = "hr00153", Name = 
Department = "销售 部 "， Post 
workers.Add (new Worker() { 
Number = "hr00156", Name = 
Department = "销售 部 "， Post 
workers.Add (new Worker() { 
Number = "hr00157", Name = 
Department = "销售 部 "， Post 


return View(workers); 


} 
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= "软件 工程 师 " }) ; 


" 郭 楷 "， Sex “ 
= "实施 工程 师 " }) > 
7 桨 兴 " Sex = " 男 "7 
= "程序 员 " }); 


"i 
= "系统 架构 师 " }) ; 


*" 数 亮 " Sexz 三 ” 勇 w 
= "客户 专员 "”]}) 7 


" 刘 飞 "，Sex = " 男 "， 
= "客户 经 理 "]) ; 


" 赵 大 志 "，sex =" 男 "， 
= "客户 专员 "1 ) 1 


(5) 在 站 点 根 目 录 下 的 Views 目录 下 创建 一 个 对 应 于 HumanResourceController 的 子 文件 


夹 ， 命 名 为 HumanResource。 


(6) 在 HumanResource 目录 下 创建 一 个 默认 视图 , 命名 为 Index, 得 到 一 个 Index.aspx 的 视 


图 文件 。 


(7) 打开 Index.aspx 文件 ， 修 改 页 面 @Page 指令 ， 如 下 所 示 : 


<%@Page Language="C#" 


Inherits="System.Web.Mvc.ViewPage<IList<MvcApp.Models .Worker>>" %> 


(8) 在 Index 视图 的 body 部 分 添加 页 面 结构 ， 获 取 传递 过 来 的 员工 列表 集合 ， 然 后 遍历 输 


出 它们 。 页 面 主 要 代码 如 下 : 


<table class="tbl worker" cellspacing="1" cellpadding="5"> 


<thead> 


<tr><td> 编 号 </td><td> 姓 名 </td><td> 性 别 </td><td> 部 门 </td><td> 职 务 </td></tr> 


</thead> 

<tbody> 

<$% foreach (var worker in Model) 
2 

EP 
<td><%= worker.Number %></td> 
<td><%= worker.Name %></td> 
<td><%= worker.Sex %></td> 


<td><%= worker.Department %></td> 


<td><%= worker.Post %></td> 
KE 
<%} 和 > 
</tbody> 
</table> 


如 此 就 完成 了 对 数据 集合 的 显示 功能 ， 下 面 我 们 来 运行 一 下 看 看 效果 。 


国 
A 
福 


< 
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7.1.3 ”运行 结果 


运行 该 项 目 ， 访 问 /HumanResource/Index 路 径 ， 结 果 如 图 7-1 所 示 。 


图 7-1 员工 信息 列表 


7.1.4 实例 分 析 


让 源码 解析 


本 实例 首先 创建 了 一 个 用 于 封装 用 户 信息 的 实体 类 Worker， 然 后 在 HumanResource 
Controller 里 的 Index 动作 中 创建 一 个 存储 员工 列表 信息 的 集合 ， 并 使 用 View 方法 将 该 集合 以 
强 类 型 的 数据 传递 方式 传递 到 视图 中 。 在 视图 中 接收 该 集合 ， 使 用 foreach 语句 遍历 该 集合 并 
取出 集合 中 的 对 象 ， 呈 现 到 页 面 中 。 


7.2 为 什么 在 MVC 中 可 以 使 用 WebForm 控件 


不 得 不 承认 ， 最 初 MVC 并 没有 被 微软 的 研发 人 员 设 计 到 ASP.NET 中 。 至 于 具体 为 什么 
要 在 后 来 强加 入 ASP.NET 中 ， 我 们 无 从 得 知 。 

不 过 在 Java 平台 中 的 Struts 之 类 的 MVC 应 用 框架 如 火 如 茶 地 发 展 ， 而 且 被 很 多 开发 人 员 
给 它们 套 上 了 一 层 层 神圣 的 光环 ， 微 软 如 果 没 有 推出 一 些 相应 的 措施 ， 确 实 有 些 丢 软件 帝国 的 
面子 。 


ce 视频 教学 : 光盘 /videos/07/ 7.2 为 什么 在 MVC 中 可 以 使 用 WebForm 控件 @@ 长 度 : 8 分钟 
7.2.1 软件 帝国 的 超级 武器 一 一 WebForm 


WebForm 确实 是 一 个 很 有 创意 、 很 实用 的 东西 ， 不 管 是 现在 ， 还 是 在 不 远 的 将 来 ， 都 将 
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一 直 保持 着 它 独 具 的 创意 ， 以 及 它 无 与 于 伦比 的 方便 性 。 

微软 开创 性 地 将 桌面 应 用 程序 的 开发 模式 引入 对 Web 应 用 程序 的 开发 中 : 拖 控件 、 加 事 
件 处 理 程序 ， 然 后 运行 …… 这 一 切 都 是 那么 民意 ， 那 么 让 人 拍案 叫绝 。 

而 且 ，ASP.NET 将 前 台 的 展示 代码 和 后 台 的 处 理 程序 完全 隔离 在 两 个 不 同 的 文件 中 ， 一 
切 看 似 神奇 的 东西 都 被 系统 “自动 ”完成 了 。 

这 一 切 ， 对 于 初级 程序 开发 人 员 来 说 ， 比 让 其 写 大 堆 的 页 面 代码 要 舒服 得 多 ， 所 以 
ASPNET 一 度 吸引 了 无 数 的 开发 人 员 加 入 进来 。 


7.2.2 ”超级 武器 也 有 盲区 


回 到 20 世纪 , 大 部 分 的 Web 应 用 都 是 使 用 页 面 中 混合 代码 的 数据 编程 , 例如 ASP 和 PHP 
直接 在 页 面 中 向 数据 库 请 求 并 用 HTML 显示 的 程序 结构 。 这 种 方式 往往 开发 速度 比较 快 ， 但 
是 由 于 数据 页 面 的 分 离 不 是 很 直接 ， 所 以 很 难 体现 出 程序 业务 模型 的 样子 ， 当 然 也 很 难 实现 模 
型 的 重用 性 。 产 品 设计 没有 弹性 ， 很 难 满足 不 断 变化 的 用 户 需 求 。 

不 过 这 些 缺 陷 都 被 JSP 和 ASP.NET 这 两 种 天 生 就 面向 对 象 的 语言 很 好 地 解决 掉 了 。 现 在 
一 般 的 应 用 程序 都 使 用 三 层 (或 多 层 ) 结 构 来 处 理 程序 中 的 业务 逻辑 。 

在 Web 应 用 程序 的 界面 层 ， 经 常 需要 在 不 同 的 时 刻 为 不 同 的 用 户 呈 现 不 同 的 内 容 ， 所 以 
能 不 能 把 这 个 对 “不 同 的 时 刻 ”、“ 不 同 的 用 户 ” 以 及 “不 同 的 内 容 ” 的 判断 和 具体 的 内 容 进 
行 分 离 ， 使 之 更 容易 被 控制 和 协调 就 成 了 一 个 新 的 问题 。 

于 是 ，Java 随即 引入 了 MVC 模式 的 应 用 框架 ， 很 完美 地 解决 了 这 个 问题 。 

与 此 同时 ，ASP.NET 却 在 专注 于 WebForm 的 研究 和 应 用 ， 同 时 也 取得 了 一 些 非常 可 观 的 
成 就 。 但 是 其 极 大 程度 地 整合 了 MVC 模式 中 的 V 和 C 的 关系 ， 虽 然 独 具 特 色 ， 却 使 应 用 程序 
的 UI 层 耦 合 性 加 强 ， 或 者 说 有 点 与 MVC 的 思想 背道而驰 (或 许 这 么 说 有 点 贬义 ， 不 过 这 里 的 
确 没 有 贬低 WebForm 的 意思 )， 车 来 了 不 少 开 发 和 测试 人 员 的 抱怨 。 


7.2.3 ”软件 帝国 的 快速 反应 


正 值 Java 中 的 MVC 框架 快速 发 展 的 同时 ，ASP.NET WebForm 也 大 行 其 道 ， 随 即 微软 推 
出 了 ASPNET MVC 框架 。 

也 许 是 因为 Java 中 的 MVC 发展 得 太 火 了 , 微软 有 点 跟风 的 意味 ,于 是 很 多 人 开始 见 风 使 
舵 ， 大 呼 ASP.NET 将 迎 来 WebForm 的 末日 、MVC 的 新 纪元 ， 这 样 其 实 是 毫 无 依据 的 。 

首先 ，MVC 和 WebForm 根本 不 具有 可 比 性 ，WebForm 是 一 个 全 新 的 Web 开发 模式 ， 从 
头 到 尾 都 是 一 套 完整 的 东西 。 虽然 其 在 某 些 方面 有 一 些 局 限 性 , 但 是 仍然 是 一 个 优秀 的 开发 模 
式 ， 是 MVC 不 可 取代 的 。 

其 次 ，MVC 和 WebForm 各 有 所 长 ，MVC 主要 解决 的 是 视图 层 的 耦合 性 问题 ， 但 是 其 不 
具备 快速 开发 和 简单 易 用 的 特性 ， 需 要 开发 人 员 掌 握 的 知识 比较 系统 、 全 面 ， 而 WebForm 却 
简单 易 用 ， 入 门 非常 容易 ， 其 具有 MVC 不 可 替代 的 位 置 。 

总 之 ，MVC 和 WebForm 不 会 冲突 ， 也 不 会 有 哪 一 方 很 快 消亡 (除非 有 一 天 谁 整合 了 它们 
二 者 的 优点 到 某 一 模式 上 )。 
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就 当下 据 微软 对 二 者 的 态度 来 看 ， 似 乎 应 了 我 国 的 一 位 领导 人 所 说 过 的 一 句 话 : 两 手 抓 ， 
两 手 都 要 硬 。 


@， 说 一 点 可 能 让 Java 程序 员 心 里 不 夹 的话 ， 学 了 ASP.NET， 感 觉 非 常 好 (虽然 它 很 
各 示 | 。 “年 轻 ”)， 它 直接 解决 掉 了 许多 Java 中 的 诉 病 ， 例 如 像 长 篇 小 说 似 的 配置 文件 。 


7.2.4 MVC 和 WebForm 的 互补 


看 到 ASP.NET MVC， 感 觉 像 是 一 个 轮回 : 似乎 我 们 又 被 MVC 带 回 到 了 “ 炸 效 面 ” 式 代 
码 的 时 代 。 服 务 器 模型 不 能 用 ， 拖 放 的 服务 器 控件 不 让 用 ， 事 件 驱动 不 能 用 …… 真 的 回 到 “ 侏 
罗 纪 ”时 代 了 吗 ? 当然 没有 。 

虽然 ASPNET MVC 主张 我 们 放弃 WebForm 中 的 很 多 习惯 和 思想 ， 但 绝对 不 会 让 我 们 回 
归 “ 远 古 ” 的 。 就 当 是 一 个 轮回 (毕竟 太 像 了 ， 这 点 不 得 不 承认 )， 也 是 在 进化 中 的 一 个 新 时 代 ， 
并 不 是 那个 远古 时 代 。 可 以 说 ， 这 是 一 次 小 范围 的 革命 。 

所 有 优秀 的 新 事物 的 成 长 与 发 展 的 道路 都 是 曲折 的 、 多 磨难 的 , 但 是 其 前 途 肯定 是 光明 的 。 
ASPNET MVC 刚 出 道 没 几 年 , 它 还 很 年 轻 , 有 些 不 完美 在 所 难免 。 但 是 我 们 可 以 使 用 WebForm 
的 优势 来 弥补 这 些 不 足 ， 例 如 下 面 要 讲 的 和 迭代 控件 Repeater 和 DataList 等 。 


$》 ASPNET MVC 开发 小 组 极力 反对 这 么 做 ， 但 是 确实 可 以 这 样 解决 一 些 问 题 ， 适 
旨 示 | 。 用 的 就 是 最 好 的 。 


既然 ASPNET MVC 和 ASP.NET WebForm 是 不 同 的 两 个 东西 ， 那 么 如 何在 MVC 的 视图 
中 使 用 WebForm 中 的 控件 呢 ? 这 个 问题 得 归于 ASPNET MVC 框架 的 实现 方式 。 

默认 的 ASP.NET MVC 使 用 WebForm 中 的 视图 引擎 ， 所 有 ASP.NET MVC 视图 都 将 继承 
自 ViewPage 类 。 页 面 @Page 指令 如 下 : 


<%@Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" $%> 


而 ViewPage 类 又 继承 自 Page 类 。ViewPage 类 的 实现 如 下 : 


using System; 

using SYstem.IO7 
using System.Web; 
using System.Web.UI; 


namespace System.Web.Mvc 
{ 


public class ViewPage : Page, IViewDataContainer 


/* 类 的 实现 代码 略 */ 
} 


我 们 知道 Page 类 在 ASPNET WebForm 中 将 被 所 有 的 Web 窗 体 继承 ,所 以 可 以 在 ASPNET 
MVC 的 视图 页 面 中 使 用 WebForm 服务 器 端 控件 。 


$ 不 能 在 视图 中 使 用 服务 器 端 控件 的 时 候 使 用 控件 的 事件 机 制 ， 但 是 官方 不 建议 这 
注意 么 做 ， 因 为 这 样 会 使 MVC 视图 变 得 不 伦 不 类 。 
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7.3 使 用 Repeater 显示 商品 信息 列表 


前 面 我 们 演示 了 如 何在 View 中 使 用 foreach 遍历 数据 集合 , 取出 数据 并 展示 到 页 面 中 。 不 
难 发 现 , 我 们 又 在 大 量 地 使 用 <% %> 来 标记 一 些 服务 器 端 代码 。 其 实在 ASPNET MVC 中 的 视 
图 里 同样 可 以 使 用 Web 服务 器 端 控件 ， 如 此 我 们 可 以 使 用 Repeater 之 类 的 控件 来 实现 一 些 集 
合 数据 展示 。 


ce 视频 教学 : 光盘 /videos/07/7.3 ”使 用 Repeater 显示 商品 信息 列表 人 @@ 长 度 : 11 分 钟 


7.3.1 基础 知识 


1. Repeater 控件 


Repeater 控件 是 一 个 纯粹 的 集合 数据 迭代 控件 ， 它 仅仅 封装 了 页 面 上 的 遍历 脚本 ， 使 用 它 
不 会 在 页 面 中 生成 任何 HTML 代码 。 它 的 用 法 非常 简单 ， 但 是 功能 却 十 分 强大 。 

Repeater 控件 提供 了 5 个 数据 模板 ， 说 明 分 别 如 下 。 

@ HeaderTemplate 头 部 模板 。 因 为 数据 列表 一 般 会 有 表 头 ， 为 保证 代码 结构 化 ， 建 议 
将 表 头 的 内 容 放 在 这 里 。 

@ ItemTemplate 项 目 模板 。 这 就 是 普通 项 的 模板 ， 也 就 是 对 数据 列表 里 每 一 项 在 页 面 
上 展示 的 效果 进行 定义 。 

@ AltematingItemTemplate 交替 项 模板 。 对 应 ItemTemplate， 如 果 设 置 该 项 ， 该 项 表示 
偶数 项 的 模板 ， 一 般 设 置 列 表 奇 偶 项 不 同 背 景色 时 会 用 到 。 

@ SeparatorTemplate 间隔 符 模板 。 在 每 一 个 ItemTemplate 或 AlternatingItemTemplate 
项 之 间 插 入 分 隔 所 用 的 内 容 。 

@ ”FooterTemplate 脚注 模板 。 一 般 的 列表 项 可 能 会 用 脚注 说 明 该 列表 的 信息 ， 这 里 定 
义 列表 脚注 的 内 容 。 

例如 要 在 页 面 中 显示 下 面 的 表格 结构 : 


<table> 
<thead> 
<tr><td> 标 题 </td></tr> 
</thead> 
<tbody> 
<tr><tq> 这 是 一 行 数据 </td></tr> 
<tr><td> 这 是 一 行 数据 </td></tr> 
<tr><td> 这 是 一 行 数据 </td></tr> 
</tbody> 
<tfoot> 
<tr><td> 脚 注 </td></tr> 
</tfoot> 
</table> 


可 以 使 用 Repeater 控件 来 实现 ， 代 码 如 下 : 


<asp:Repeater ID="Repeaterl" runat="server"> 
<HeaderTemplate> 


< 


Mc Web 开发 学 习 实录 . 刷 


<table> 
<thead> 
<tr><td> 标 题 </td></tr> 
</thead> 
<tbody> 
</HeaderTemplate> 
<ItemTemplate> 
<tr><tqd> 这 是 一 行 数据 </td></tr> 
</ItemTemplate> 
<FooterTemplate> 
</tbody> 
<tfoot> 
<tr><td> 脚 注 </td></tr> 
</tfoot> 
</table> 
</FooterTemplate> 
</asp:Repeater> 


当然 ， 在 该 Repeater 的 数据 源 中 还 需要 有 一 个 数据 集合 。 
2. 数据 绑 定 方法 


ASP.NET WebForm 中 的 数据 迭代 控件 的 数据 绑 定 方法 有 3 种 ， 分 为 两 类 : 一 类 是 绑 定 当 
前 数据 元 素 ， 另 一 类 是 绑 定 数据 元 对 象 的 属性 。 
第 一 类 的 绑 定 方法 使 用 如 下 语句 : 


<%# Container.DataItem $%> 


这 种 方法 可 以 绑 定数 据 并 直接 打印 到 页 面 的 对 象 集合 中 。 例 如 基本 数据 类 型 的 数组 ， 或 重 
写 了 ToString() 方 法 的 对 象 集合 等 。 
第 二 类 方法 使 用 TemplateControl 类 的 Eval0 方 法 ， 其 格式 如 下 : 


<%# Eval ("ParameterName") %> 


该 方法 将 绑 定 一 个 当前 数据 对 象 的 属性 值 ， 参 数 是 一 个 字符 串 类 型 的 对 象 ， 用 于 指定 一 个 
属性 的 名 称 。 

另外 ，Eval0 还 可 以 添加 一 个 字符 串 类 型 的 字符 串 格式 化 参数 ， 用 于 格式 化 输出 时 绑 定 的 
对 象 的 属性 值 。 

在 代码 中 ,我 们 可 以 使 用 Repeater 对 象 的 DataSource 属性 为 其 设置 一 个 数据 源 .DataSource 
属性 可 以 接收 一 个 数据 集合 或 数据 源 对 象 作为 数据 源 。 

设置 完 数据 源 ， 就 可 以 使 用 DataBind0 方 法 刷新 该 对 象 的 页 面 结 构 ， 以 重新 绑 定数 据 。 

例如 我 们 可 以 使 用 以 下 方法 向 页 面 的 Repeaterl 对 象 绑 定 一 个 数据 源 并 刷新 Repeater 对 象 : 


this.Repeaterl.DataSource = Model; 
this.Repeaterl .DataBind(); 


这 里 的 Model 是 页 面 中 的 Model 对 象 ， 它 将 接收 使 用 强 类 型 方式 传递 过 来 的 数据 集合 。 


7.3.2 ”实例 描述 


公司 以 前 接 过 一 个 项 目 ， 要 为 一 个 做 商品 批发 的 贸易 公司 开发 一 个 网 站 系统 ， 其 中 不 可 缺 
少 的 就 是 商品 管理 功能 。 
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本 实例 就 以 这 个 网 站 后 台中 的 产品 管理 列表 为 例 ， 展 示 一 下 Repeater 对 象 在 MVC 视图 中 
的 用 法 。 


7.3.3 实例 应 用 


【 例 7-2】 使 用 Repeater 显示 商品 信息 列表 。 
(1) 打开 前 面 我 们 使 用 的 项 目 。 
(2) 这 里 我 们 要 处 理 商 品 信息 ， 所 以 需要 在 Models 目录 下 创建 一 个 封装 商品 信息 的 实体 类 。 
商品 信息 一 般 有 编号 、 名 称 、 价 格 、 类 型 和 规格 等 信息 ， 所 以 我 们 的 商品 实体 类 结构 如 下 : 


public class Product 

和 
public string Number { get; set; } 
public string Name { get; set; } 
public string Price { get; set; } 
public string Type { get; set; } 
public string Standard { get; set; } 


(3) 然后 需要 在 Controller 目录 中 创建 一 个 处 理 产品 操作 请 求 的 Controller， 命 名 为 
ProductController。 

(4) 我 们 需要 以 强 类 型 方式 向 视图 传递 一 个 数据 集合 ， 所 以 这 里 修改 ProductController 中 
的 Index 方法 ， 如 下 所 示 : 


public ActionResult Index() 

4 
IList<Product> list = this.GetProductList(); 
return View(list); 


» 
这 里 还 需要 一 个 准备 数据 的 GetProductList0 方 法 ， 其 代码 如 下 : 


private IList<Product> GetProductList() 
{ 
IList<Product> list = new List<Product>(); 
list.Add(new Product() { Number = "P001", Name = "统一 矿泉 水 "， 
Price = "于 1.5"，TYpe = "副食 品 "，Standard = "500ml" }); 
list.Add(new Product () { Number = "P002", Name = "统一 绿茶 "， 
Price = "至 2.5"，TYpe = "副食 品 "，Standard = "550ml" }); 
list.Add(new Product() { Number = "P003"，Name = "大 骨 面 "， 
Price = "至 1"，TYPpe = "副食 品 "，Standard = "95g" }); 
list.Add(new Product() { Number = "P004"，Name = " 周 住 牌 洗衣 粉 "， 
Price = "至 3.5"，TYpe = "日 化 用 品 "， Standard = "600g" }); 
list.Add(new Product() { Number = "P005"，Name = "GC 沐浴 露 "， 
Price = " 竺 13"，Type = "日 化 用 品 "，Standard = "230ml" }); 
list.Add(new Product() { Number = "P007"，Name = "好 老公 晾 衣架 "， 
Price = "于 75"，TYpe = "家 居 用 品 "，standard = "200*60*120 (cm)" }); 
list.Add(new Product() { Number = "P008"，Name = " 热 的 快 电 饭 锅 "， 
Price = "¥129", Type = "厨具 ", standard = "2.5L" }); 
return list; 


(5) 在 Views 目录 下 创建 一 个 名 为 Product 的 子 文件 夹 。 


<@— 


'* 开发 学 习 实录 . 芭 


(6) 在 Product 目录 中 添加 一 个 视图 文件 ， 取 名 为 mdex， 新 文件 全 名 为 Index.aspx。 
(7) 要 接收 强 类 型 的 集合 数据 ， 所 以 要 修改 mdex.aspx 文件 中 的 @Page 指令 ， 如 下 所 示 : 


<%@Page Language="C#" 
Inherits="System.Web.Mvc.ViewPage<IList<MvcApp.Models.Product>>" 多 > 


(8) 修改 Index.aspx 文件 中 的 页 面 结构 ， 添 加 一 个 Repeater 控件 ， 并 编辑 该 控件 的 结构 ， 
为 其 绑 定数 据 集合 ， 主 要 代码 如 下 : 


< 多 
this.rptProductList.DataSource = Model; 
this.rptProductList.DataBind(); 
%> 
<asp:Repeater ID="rptProductList" runat="server"> 
<HeaderTemplate> 
<table id="plist" border="0" cellpadding="0" cellspacing="0"> 
<thead> 
<tr><td> 产 品 编号 </td><td> 产 品名 称 </td><td> 产 品 价格 </td><td> 产 品 分 类 </td><td> 产 品 
规格 </td></tr> 
</thead> 
<tbody> 
</HeaderTemplate> 
<ItemTemplate> 
<tr> 
<td><%# Eval ("Number") %></td> 
<td><%# Eval("Name") %></td> 
<td><%# Eval ("Price") %></td> 
<td><%# Eval("Type") %></td> 
<td><%# Eval("standard") %></td> 
9A 
</ItemTemplate> 
<FooterTemplate> 
</tbody> 
</table> 
</FooterTemplate> 
</asp:Repeater> 


(9) 最 后 保存 所 有 文件 ， 然 后 可 以 运行 查看 效果 了 。 


7.3.4 运行 结果 


运行 项 目 ， 访 问 /Product/Index 路 径 ， 结 果 如 图 7-2 所 示 。 


图 7-2 产品 列表 页 面 


M 
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7.3.5 实例 分 析 


WO 


本 实例 首先 创建 了 一 个 用 于 封装 商品 信息 的 实体 类 Product, 然后 在 ProductController 里 的 
GetProductList() 方 法 中 创建 一 个 存储 商品 信息 的 集合 , 并 在 Index 动作 中 使 用 该 方法 获取 集合 ， 
接着 使 用 View 方法 将 该 集合 以 强 类 型 的 数据 传递 方式 传递 到 视图 中 。 在 视图 中 接收 该 集合 ， 
并 将 该 集合 绑 定 到 Repeater 控件 。Repeater 控件 将 自动 遍历 该 集合 并 取出 集合 中 的 对 象 ， 呈 现 
到 页 面 中 。 


7.4 使 用 DataList 显示 班级 座位 排列 情况 


Repeater 控件 不 会 在 页 面 中 产生 任何 代码 ,所 以 我 们 可 以 使 用 Repeater 随意 控制 页 面 代码 。 
但 是 有 时 候 我 们 需要 生成 固定 列 数 的 横 排 或 竖 排 表 格 数 据 , 使 用 Repeater 显然 有 点 不 尽 如 人 意 。 
本 节 我 们 将 使 用 DataList 在 视图 中 生成 一 个 指定 行 数 的 页 面 。 


< 视频 教学 : 光盘 /videos/07/7.4 ”使 用 DataList 显示 班级 座位 排列 情况 。 四 长 度 : 6 分 钟 


7.4.1 基础 知识 


DataList 称 为 数据 列表 控件 ， 和 Repeater 控件 一 样 ， 也 是 迭代 控件 ， 它 能 够 以 事先 指定 的 
样式 和 模板 重复 显示 数据 源 中 的 数据 ， 不 过 它 会 默认 在 数据 项 目 上 添加 表格 来 控制 页 面 布局 。 
DataList 控件 集成 了 很 强大 的 功能 ， 并 提供 了 多 个 模板 及 样式 属性 供 我 们 使 用 。 

DataList 控件 支持 7 种 模板 ， 并 为 所 有 模板 提供 了 相应 的 样式 ， 在 MVC 视图 中 不 常用 到 ， 
这 里 就 不 做 介绍 了 。 

DataList 控件 有 两 个 重要 的 属性 ， 如 下 所 示 。 

@ ”RepeatDirection 项 目 排列 方向 。 值 为 RepeaterDirection 枚 举 值 ， 有 Horizontal( 横 向 ) 

和 Vertical( 纵 向 ) 两 项 可 以 选择 。 
@ ”RepeatColumns 重复 列 数 。 显 而 易 见 ， 就 是 生成 的 表格 每 行 的 列 数 。 


SG ”DataList 控件 的 RepeatColumns 属性 有 点 意思 。 它 指定 的 是 列 数 ， 所 以 无 论 排 列 方 
技巧 | 向 是 横向 还 是 纵向 ， 它 都 将 尽量 生成 这 么 多 列 (除非 你 的 项 数 少 于 列 数 )。 


DataList 控件 绑 定数 据 的 方法 和 Repeater 控件 一 样 ， 这 里 就 不 多 介绍 了 。 
7.4.2 ”实例 描述 
某 一 天 , 有 个 当 老师 的 朋友 给 我 打 电 话说 能 不 能 帮 他 的 学 生 管理 系统 中 添加 一 个 学 生 座 位 


信息 显示 的 页 面 ， 这 当然 是 小 菜 一 碟 。 
首先 我 了 解 他 的 学 校 一 个 班 里 最 多 也 就 20 人 ， 一 排 就 6 个 学 生 ， 大 概 三 四 排 。 拿 到 需求 
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我 的 第 一 直觉 就 想到 了 DataList 控件 。 
接 下 来 我 们 就 使 用 DataList 控件 为 这 个 班 里 的 学 生 排 排 座位 。 


7.4.3 ”实例 应 用 


【 例 7-3】 使 用 DataList 显示 班级 座位 排列 情况 。 

(1) 打开 前 面 我 们 使 用 的 项 目 。 

(2) 这 里 我 们 要 处 理学 生 信息 ， 所 以 需要 在 Models 目录 下 创建 一 个 封装 学 生 信息 的 实体 
类 。 这 里 我 们 只 需要 关心 学 生 的 学 号 、 姓 名 和 性 别 ， 所 以 学 生 实 体 类 结构 如 下 : 


public class Student 
public string Number { get; set; } 
public string Name { get; set; } 
public bool Sex { get; set; } 

} 


(3) 然后 我 们 需要 在 Controller 目录 中 创建 一 个 处 理学 生 操作 请 求 的 Controller， 命 名 为 


StudentController。 


(4) 需要 以 强 类 型 方式 向 视图 传递 一 个 数据 集合 ， 所 以 这 里 修改 StudentController 中 的 
Index 方法 ， 如 下 所 示 : 


public ActionResult Index() 
IList<Student> list = this.GetStudentList(); 


return View(list); 


这 里 还 需要 一 个 准备 数据 的 GetStudentList0 方 法 ， 代 码 如 下 : 


public IList<student> GetStudentList() 

1 
IList<Student> list = new List<Student>() 7 
list.Add(new Student () { Number = "stu0201", Name = " 王 小 宝 "， Sex = true }); 
list.Add(new Student () { Number = "stu0212", Name = " 李 小 贝 "， Sex = false }); 
list.Add(new Student () { Number "stu0202", Name = "张大 柱 "， Sex = true }); 
list.Add(new Student () { Number = "stu0203"，Name = " 刘 小 星 "，Sex = true }); 
list.Add(new Student () { Number = "stu0210", Name = "李小冉 "， Sex = false }); 
list.Add(new Student () { Number = "stu0204"，Name = " 周 星 星 "，Sex = true }); 
list.Add(new Student () { Number = "stu0209", Name = " 刘 飞 "，Sex = true }); 
list.Add(new Student () { Number = "stu0205", Name = " 李 三 凤 "， Sex = false }); 
list.Add(new Student () { Number = "stu0206"，Name = " 景 玉 "，Sex = false }); 
list.Add (new Student () { Number = "stu0207", Name = " 马 二 立 "，Sex = true }) 7 
list.Add(new Student () { Number = "stu0208"，Name = " 汉 涛 "，Sex = true }); 
1ist.add (new Student () { Number = "stu0211"，Name = " 宋 珊 "，sex = false }) 7 
list.Add (new Student () { Number = "stu0213"，Name = " 蔡 丽 ",，Sex = false }); 
return list; 


证 
(5) 在 Views 目录 下 创建 一 个 名 为 Student 的 子 文件 夹 。 
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(6) 在 Student 目录 中 添加 一 个 视图 文件 ， 取 名 为 mdex， 新 文件 全 名 为 Index.aspx。 
(7) 我 们 要 接收 强 类 型 的 集合 数据 ， 所 以 这 里 修改 Index.aspx 文件 中 的 @Page 指令 ， 如 下 
所 示 : 


<%@Page Language="C#" 
Inherits="System.Web.Mvc.ViewPage<IList<MvcApp.Models.Student>>" 名 > 


(8) 修改 mdex.aspx 文件 中 的 页 面 结构 ， 添 加 一 个 DataList 控件 ， 并 编辑 该 控件 的 结构 ， 
为 其 绑 定 数据 集合 ， 主 要 代码 如 下 : 


<% 
this.dlstudentList.DataSource = Model; 
this.dlstudentList.DataBind(); 
%> 
<asp:DataList ID="dlSsStudentList" runat="server" RepeatColumns="6" 
RepeatDirection="Horizontal" > 
<ItemTemplate> 
<div class='<%# bool.Parse (Eval ("Sex") .ToString()) ? "stu item boy" : 
"stu item girl"%®>'> 
<div class="name"><%# Eval ("Name") %></div> 
<div class="number"><%# Eval ("Number") %></div> 
</div> 
</ItemTemplate> 
</asp:DataList> 


(9) 最 后 保存 所 有 文件 ， 可 以 运行 查看 效果 了 。 


7.4.4 ”运行 结果 


运行 项 目 ， 访 问 /Student/Index 路 径 ， 结 果 如 图 7-3 所 示 。 
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7-3 学生 座位 排列 情况 


7.4.5 实例 分 析 
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本 实例 首先 创建 了 一 个 用 于 封装 学 生 信 息 的 实体 类 Student, 然后 在 StudentController 里 的 
GetStudentListO 方 法 中 创建 一 个 存储 学 生 信息 的 数据 集合 ， 并 在 Index 动作 中 使 用 该 方法 获取 
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集合 ， 接 下 来 使 用 View 方法 将 该 集合 以 强 类 型 的 数据 传递 方式 传递 到 视图 中 。 在 视图 中 接收 
该 集合 ， 并 将 该 集合 绑 定 到 DataList 控件 中 。DataList 控件 将 自动 遍历 该 集合 并 取出 集合 中 的 
对 象 ， 呈 现 到 页 面 中 。 


7.5 常见 问题 解答 


7.5.1 在 MVC 中 使 用 服务 器 端 控件 有 什么 规则 


在 MVC 中 使 用 服务 器 端 控件 有 什么 规则 吗 ? 
网 络 课堂 : http:Wbbs.itzcn.comy/thread-3934-1-1.html 


学 习 了 ASPNET MVC 2, 觉得 在 View 中 使 用 服务 器 端 控 件 有 很 大 的 便利 , 确定 非常 好 用 。 
不 过 不 知道 有 没有 禁忌 ， 希 望 精通 MVC 的 高 手 帮 我 解答 这 个 问题 。 

【解决 办 法 】 答 案 是 当然 不 能 任意 、 自 由 地 使 用 。 

首先 在 MVC 中 又 重新 回 到 了 表单 提交 的 请 求 模式 ， 而 在 WebForm 中 使 用 的 是 PostBack 
方式 ， 虽 然 二 者 原理 一 致 ， 但 WebForm 封装 的 东西 太 多 ， 页 面 机制 太 复杂 ， 开 发 人 员 不 容易 
控制 。 而 MVC 就 是 为 了 解决 这 个 问题 ， 所 以 这 里 不 建议 使 用 和 WebForm 页 面 机 制 有 过 多 牵 
扯 的 东西 ， 例 如 回调 。 

其 次 ， 微 软 MVC 开发 小 组 的 人 员 极 力 反对 在 MVC 视图 中 使 用 服务 器 端 控 件 ， 自 然 有 他 
们 的 道理 。 或 许 ， 蔡 代 服 务 器 端 控件 功能 的 特殊 组 件 马 上 就 要 面世 了 。 

不 过 ， 在 这 里 我 强调 一 点 : 千 万 不 可 以 在 使 用 服务 器 控件 的 时 候 触 发 控件 的 任何 事件 ， 否 
则 你 的 MVC 应 用 程序 就 真 的 被 打 入 万 动 不 复 之 地 了 。 


7.5.2 怎样 实现 DropDownList 控件 的 OnSelectedlndexChanged 
事件 


我 怎么 实现 DropDownList 控件 的 OnSelectedIndexChanged 事件 呢 ? 
网 络 课堂 : http://bbs.itzen.com/thread-3934-1-1.html 


本 人 刚 接 触 MVC， 还 有 很 多 地 方 不 明白 。 

我 看 了 一 下 MVC 方面 的 开发 资料 ， 觉 得 MVC 利用 Controllers 将 数据 传送 到 Views 中 显 
示 ， 然 后 在 Views 中 利用 HTML 控件 显示 或 操作 数据 (MVC 不 建议 使 用 服务 器 控件 )。 但 本 人 
觉得 只 利用 HTML 控件 有 时 候 很 不 方便 。 

例如 使 用 服务 器 控件 中 的 DropDownList, 它 有 个 OnSelectedIndexChanged 属性 ， 当 选择 某 
一 项 时 就 可 以 通过 post_back 执行 后 台 相 应 方法 和 返回 相应 结果 在 当前 页 面 显示 。 而 MVC 只 
在 View 中 利用 类 似 于 Html.DropDownList0 这 样 的 方法 怎样 才 能 实现 呢 ? 是 利用 Controllers 中 
的 Action 吗 ? 而 且 要 实现 某 些 效果 的 事件 ， 感 觉 利 用 服务 器 控件 方便 很 多 。 
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【解决 办 法 】 一 分 为 二 来 说 吧 ， 在 WebForm 中 使 用 服务 器 端 控件 确实 有 太 多 优点 ， 甚 至 
让 人 有 点 爱不释手 。 但 是 从 MVC 的 角度 来 看 它 却 不 是 最 好 的 ， 因 为 它 的 耦合 度 太 高 。 

在 MVC 中 ， 所 有 的 浏览 器 请 求 都 需要 由 Controller 接收 并 处 理 ， 所 以 WebForm 中 的 
PostBack 机 制 显得 有 点 格格 不 入 。 

至 于 你 说 的 当下 拉 列 表 框 选中 某 值 的 时 候 进行 一 些 处 理 ， 你 可 以 在 下 拉 列 表 框 的 
On SelectChange 事件 处 理 程序 中 使 用 Ajax,， 异步 请 求 Web 服务 器 , 然后 获取 请 求 结果 并 进行 
相应 的 操作 就 可 以 了 。 

可 能 相对 于 服务 器 端 控件 的 事件 机 制 有 点 费事 ， 但 也 是 不 得 已 而 为 之 。 希 望 哪 一 天 微软 能 
把 MVC 和 WebForm 的 优势 集成 到 一 起 吧 。 


7.6 习 题 
一 、 填 空 题 
(1) 在 ASP.NET MVC 中 ，ViewPage 类 继承 自 类 。 
(2) 在 DataList 控件 的 所 有 属性 中 ， 属性 将 用 来 指定 数据 项 显示 的 列 数 。 


(3) 下 面 代 码 是 为 页 面 中 一 个 Repeater 控件 绑 定数 据 源 ， 请 补充 完 下 面 代码 。 


this.Repeaterl.DataSource = Model; 


this.Repeaterl. 

(4) 在 Repeater 中 ， 如 果 要 实现 交替 项 效果 ， 则 需要 使 用 到 模板 。 

二 、 选 择 题 

(1) 在 Repeater 控件 的 所 有 属性 中 ， 属性 可 以 为 Repeater 控件 指定 一 个 数据 源 。 
A. Data B. Source 
C. Model D. DataSource 


(2) 使 用 DataList 控件 的 RepeatDirection 属性 ， 可 以 设置 该 控件 中 数据 项 排列 的 方向 ， 其 
可 选项 有 和 Vertical。 


A. Right B. Down 
C. Horizontal D. Row 
(3) 在 ASP.NET MVC 中 ， 方法 可 以 在 Repeater 的 模板 项 中 绑 定 当前 数据 对 象 
的 Name 属性 值 。 


A. <s# Eval ("Name") %> 
B. <%# Value ("Name") $%> 
C. <%= Eval ("Name") %> 


D. <%= Container.DataItem %> 
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三 、 上 机 练习 


上 机 练习 : 使 用 Repeater 控件 显示 个 人 通讯 录 。 

每 个 人 都 会 有 很 多 需要 联系 的 人 人， 朋友、 客户 、 同 事 、 同 学 和 家 人 ， 总 体 数 量 往往 上 百 。 
如 果 把 所 有 的 信息 都 记录 在 手机 上 显然 是 不 可 能 的 ， 而 使 用 一 个 电话 本 来 记录 ， 不 容易 查询 ， 
又 容易 丢失 ， 所 以 菜 企业 在 做 OA 系统 的 时 候 提出 了 做 个 人 通讯 录 的 需求 。 

系统 可 以 让 个 人 记录 并 查询 自己 的 通讯 录 信息 。 通 讯 录 中 需要 记录 联系 人 的 姓名 、 关 系 、 
电话 号 码 、 手 机 号 码 、 住 址 以 及 其 备注 信息 。 

在 这 次 练习 中 ， 我 们 需要 使 用 服务 器 端 控 件 Repeater 来 在 视图 中 呈现 个 人 通讯 录 的 列表 ， 
如 图 7-4 所 示 。 
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图 7-4 ”个 人 通讯 录 列表 


自 定义 视图 引 黎 


内 容 摘要 


前 面 提 到 过 ，ASP.NET MVC 默认 使 用 的 是 WebForm 充当 的 视图 引擎 。 或 许 是 这 个 视图 
引擎 还 不 太 成 熟 ， 或 许 因为 它 基 于 WebForm 而 对 它 扩展 性 能 有 局 限 ， 现 在 它 还 不 太 好 用 。 例 
如 前 面 我 们 破格 使 用 的 WebForm 和 迭代 控件 ， 就 是 被 逼 无 奈 的 做 法 。 总 之 ，ASPNET MVC 的 
视图 引擎 还 不 能 称 得 上 “优秀 ”。 

不 过 ，Microsoft 已 经 对 ASP.NET MVC 框架 开放 源 代码 ， 所 以 我 们 可 以 对 它 进行 研究 , 根 
据 它 提供 的 一 些 接口 开发 适合 自己 的 视图 引擎 。 

本 章 我 们 就 来 了 解 一 下 ASPNET MVC 生成 视图 的 原理 ， 并 且 使 用 MVC 框架 为 提供 的 接 
口 来 实现 一 个 简单 的 自 定义 视图 引擎 。 

学 习 目标 

@ 了 解 ASPNET MVC 应 用 程序 生成 视图 的 原理 

@ 熟练 使 用 模板 引擎 StringTemplate 

@ 掌握 自 定义 视图 引擎 的 方法 
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8.1 使 用 代码 拼凑 的 简单 登录 页 面 


既然 要 自 定义 视图 引擎 ， 当 然 就 不 能 使 用 ASPNET MVC 自 带 的 WebForm 视图 引擎 了 。 
前 面 我 们 学 过 不 用 视图 也 可 以 向 页 面 响应 数据 , 其 实 ASPNET MVC 中 的 视图 引擎 就 是 基于 此 
向 客户 端 响应 数据 的 。 本 节 我 们 来 重 温 一 下 使 用 最 基本 的 代码 拼凑 一 个 页 面 的 方法 , 深入 了 解 
ASPNET 的 视图 引擎 机 制 。 


5 视频 教学 :光盘 /videos/08/8.1 使 用 代码 拼凑 的 简单 登录 页 面 OK 度 ，10 分 名 


8.1.1 基础 知识 一 一 视图 生成 的 原理 


要 想 了 解 视图 引擎 怎么 工作 ， 必 须 先 知道 视图 引擎 要 干什么 。 
1. 视图 的 本 质 


视图 是 响应 给 浏览 器 的 一 些 HTML 代码 ， 也 就 是 在 浏览 器 中 查看 源 文件 时 所 看 到 的 内 容 ， 
也 叫 Web 页 面 。 

查阅 Web 的 历史 可 以 知道 ， 最 早 的 Web 就 是 用 于 在 互联 网 上 (可 能 当时 还 不 叫 互联 网 ) 共 
享 信息 ， 可 以 供 远程 计算 机 直接 打开 查看 。 当 时 的 信息 只 有 文本 ， 也 就 是 一 些 纯 文字 的 东西 。 
当时 需要 每 个 人 知道 文件 具体 的 物理 路 径 ， 也 就 是 URL( 当 时 可 能 也 不 叫 URL， 可 能 是 其 他 名 
字 )， 通 过 URL 可 以 直接 查看 远 端 计算 机 中 的 文件 。 

后 来 ， 随 着 Web 的 发 展 ， 加 入 了 超 链接 、 多 媒体 (图 像 、 声 音 、 视 频 和 动画 等 )， 还 有 一 些 
样式 、 布 局 之 类 的 东西 , 这 些 东 西 使 用 一 些 特殊 的 标签 来 表示 , 也 就 是 所 谓 的 HTML(Hyper Text 
Mark-up Language， 超 文本 标记 语言 )， 这 些 标记 通过 CSS 样式 等 辅助 技术 来 控制 页 面 的 布局 
和 样式 等 。 

但 是 ， 无 论 Web 怎么 发 展 ， 它 都 是 一 些 纯 文 本 的 东西 ， 只 是 浏览 器 在 处 理 这 些 文本 的 时 
候 根据 标记 导入 一 些 图 片 和 动画 等 资源 。 也 就 是 说 ， 无 论 超 文本 标记 语言 如 何 “ 超 ”， 它 都 没 
有 改变 文本 的 本 质 。 在 所 有 的 Web 服务 器 中 ， 执 行 处 理 的 主要 信息 以 及 返回 的 主要 结果 还 是 
文本 。 


\。 «Web 服务 器 中 处 理 的 主要 内 容 是 文本 ”这 一 核心 思想 要 根深 蒂 固 牢 记 在 心 ， 否 
注意 | 。 则 一 些 新 手 就 可 能 被 华丽 的 页 面 效果 所 迷惑 。 


Web 服务 器 的 作用 就 是 准备 好 这 些 HTML 文本 和 一 些 资源 文件 (例如 CSS、JS、 图 像 和 声 
音 等 文件 ) 等 待 浏览 器 请 求 。 

例如 ， 当 用 户 在 浏览 器 中 输入 一 个 URL 请 求 某 个 Web 页 面 的 时 候 ，Web 服务 器 接收 到 浏 
览 器 请 求 并 根据 用 户 请 求 的 URL 以 及 参数 生成 Web 页 面 ， 然 后 响应 给 浏览 器 。 浏 览 器 在 接收 
到 服务 器 响应 的 Web 页 面 (HTML 文本 ) 的 时 候 ， 解 析 这 个 Web 页 面 ， 根 据 HTML 中 相应 的 标 
记 去 获取 资源 ， 并 根据 CSS 中 的 内 容 布局 页 面 结构 ， 显 示 到 页 面 中 。 执 行 流程 如 图 8-1 所 示 。 
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浏览 器 外 折 了 “ 
: [现行 下 向 用 户 |，「 河 贤 训 请 示 | : 

LT 


箭头 一 -表示 客户 端 执行 流程 ”箭头 一 表示 客户 端 请 求 服务 器 
图 8-1 Web 请 求 执行 流程 


这 里 第 一 次 客户 端 对 服务 器 请 求 的 是 Web 页 面 ， 主 要 是 获取 Web 服务 器 动态 生成 的 页 面 
主体 。 在 第 二 次 及 以 后 的 请 求 中 ， 才 向 Web 服务 器 请 求 CSS 文件 、JS 文件 、 图 像 、 声 音 以 及 
动画 等 其 他 页 面 中 关联 到 的 资源 文件 。 而 我 们 讲 的 视图 ， 就 是 在 这 个 流程 图 中 第 一 次 请 求 Web 
服务 器 的 时 候 所 生成 的 那些 HTML 代码 。 


@ ” 上 面 讲 的 是 通用 的 Web 应 用 程序 的 执行 流程 ， 不 管 是 ASP.NET MVC 还 是 
各 未 | ”WebForm， 或 者 其 他 如 (PHP、JSP 之 类 ) 的 动态 语言 ， 其 主要 功能 都 是 动态 生成 
Web 页 面 。 


2. 视图 的 生成 


前 面 讲 过 动态 Web 语言 的 主要 功能 都 是 生成 Web 页 面 ， 当 然 这 里 的 ASPNET MVC 也 不 
例外 。 

在 ASPNET MVC 中 ， 使 用 Controller 接收 用 户 请 求 。 在 Controller 接收 到 用 户 请 求 的 时 
候 ， 其 主要 目的 就 是 组 织 一 段 像 下 面 代码 结构 一 样 的 HTML 文本 。 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.0org/TR/xhtml1/DTD/xhtmll-transitional.dtd"> 

<html xmlns="http://www.w3.0rg/1999/xhtml"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title> 无 标题 芝 档 </titile> 

</head> 


<body> 
</body> 
</html> 


然后 将 这 段 文本 响应 给 浏览 器 。 浏 览 器 接收 到 这 段 文本 以 后 进行 解析 ， 就 可 得 知 如 何 向 用 
户 展示 页 面 。 

组 织 上 面 的 那 段 代码 并 不 复杂 ， 前 面 我 们 也 在 Controller 中 直接 使 用 Response.Write() 方 法 
向 响应 流 中 写 这 么 一 段 文 本 ， 其 实 视图 引擎 的 内 部 实现 就 是 如 此 。 

在 ASP.NET MVC 中 , 视图 引擎 的 作用 就 是 获取 相应 的 视图 文件 的 内 容 ， 处 理 并 填充 相应 
的 数据 ， 得 到 最 终 的 HIML 代码 ， 再 写 到 响应 流 中 。 


8.1.2 实例 描述 


其 实 前 面 我 们 已 经 讲 过 在 Action 中 使 用 Response.Write() 方 法 向 响应 流 中 写 一 段 HTML 文 


< 


hic Web 开发 学 习 实录 .六 


本 。 为 了 加 深 印象 ， 我 们 在 这 个 实例 中 还 使 用 Response.Write0 方 法 向 浏览 器 响应 数据 。 


本 实例 我 们 就 向 页 面 中 输出 一 个 非常 简单 的 登录 页 面 ， 不 过 需要 改进 一 点 ， 即 在 HTML 


文档 中 将 需要 使 用 的 数据 用 数据 蔡 换 的 方式 动态 加 入 。 


8.1.3 ”实例 应 用 


【 例 8-1】 使 用 代码 拼凑 的 简单 登录 页 面 。 
(1) 新 建 一 个 空 的 ASP.NET MVC 项 目 。 
(2) 添加 一 个 Controller， 命 名 为 LoginController。 
(3) 在 LoginController 中 添加 一 个 私有 方法 GetPageContent(), 该 方法 将 组 织 一 个 页 面 结构 ， 


代码 如 下 : 


/// <summary> 
/// 获取 页 面 内 容 
/// </summary> 
private string GetPageContent () 
1 
return "<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 
'http://www.w3.0org/TR/xhtmll1/DTD/xhtmll-transitional.dtd'>\n" + 
“<html xmlns='http://www.w3.0rg/1999/zxhtml'>\n" + 
” <head>\n" + 


A <meta http-equiv='Content-Type' content='text/html; 
charset=utf-8' />\n" + 

: <title>$Title$</title>\n" + 

"” </head>\n" + 

"” <body>\n" + 

"<form action='$PostAddress$' method='post'>\n" + 

" 


<input name='username' value='$DefaultName$' ><br>\n" + 
<input name='password' ><br>\n" + 
加 <button type='submit' > 登录 </button>\n" + 
mEormm Nn 
" </body>\n" + 
"</html>\n"; 


这 段 代 码 用 字符 串 组 织 了 一 个 HTML 页 面 , 不 过 在 页 面 代码 的 head 部 分 的 title 和 form 标 


记 中 的 action 属性 以 及 input 标记 中 的 value 属性 分 别 使 用 两 个 美元 符号 括 起 的 变量 名 称 作为 占 
位 符 ， 以 备 数 据 蔡 换 。 


， 上面 代 码 在 每 一 个 字符 串 后 面 都 加 入 一 个 由 符号 ， 其 目的 是 在 页 面 中 打印 一 个 换 
Me 行 符 ， 格 式 化 页 面 代码 。 


(4) 再 添加 一 个 使 用 ViewData 数据 替换 页 面 内 容 中 占 位 符 的 方法 ， 名 为 


ReplacePlaceHolder， 代 码 如 下 : 
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/// <summary> 

/// 蔡 换 占 位 符 

/// </summary> 

private string ReplacePlaceHolder (string pageContent) 


{ 
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// 遍 历 ViewData， 使 用 每 一 个 数据 元 素 的 value 的 值 蔡 换 Key 所 标示 的 占 位 符 
foreach (var vd in ViewData) 

string key = "$" + vd.Key + "S$"; 

pageContent = pageContent.Replace (key, vd.Value.Tostring()); 
1 
return pageContent; 


该 方法 遍历 ViewData 中 的 项 目 ， 将 Key 作为 替换 的 关键 字 ， 蔡 换 成 相对 应 的 值 的 内 容 。 
(5) 修改 Index 动作 ， 添 加 相应 的 代码 ， 处 理 该 次 请 求 ， 代 码 如 下 : 
public void Index() 


1 
ViewData["Title"] = "登录 页 面 "; 


ViewData["DefaultName"] = "Admin"; 
ViewData["PostAddress"] = "/Login/Post"; 

// 获 取 页 面 内 容 

string pageContent = this.GetPageContent (); 

// 蔡 换 占 位 符 

pageContent = this.ReplacePlaceHolder (PageCcontent) 
// 打 印 页 面 内 容 


Response.Write (pageContent) 7 


图 8-2 执行 结果 


在 页 面 空白 处 右 击 鼠 标 ， 选 择 【 查 看 源 文件 】 命 令 ， 打 开 一 个 窗口 。 在 该 窗口 中 我 们 可 以 
查看 页 面 的 源 代码 ， 也 就 是 在 服务 器 端 生成 的 HTML 代码 。 正 常情 况 下 我 们 看 到 的 结果 如 下 
所 示 : 


<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 
'http://www.w3.0org/TR/xhtmll1/DTD/xhtmll-transitional.dtd'> 
<html xmlns='http://www.w3.0rg/1999/xhtml'> 
<head> 
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> 
<title> 登 录 页 面 </title> 
</head> 
<body> 
<form action='/Login/Post' method='post'> 
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<input name='username' value='Admin' ><br> 
<input name='password' ><br> 
<button type='submit' > 登录 </button> 
</form> 
</body> 
</html> 


从 上 面 代码 可 以 看 到 ， 我 们 准备 的 HTML 代码 中 的 占 位 符 都 已 经 被 蔡 换 成 相应 的 内 容 。 


8.1.5 实例 分 析 


局 源码 解析 


本 实例 先 在 Action 中 存放 3 个 对 象 到 ViewData 中 ， 以 备 后 面 替 换 占 位 符 使 用 。 接 着 获得 
一 个 HTML 页 面 内 容 ， 然 后 遍历 ViewData 字典 ， 取 出 所 有 数据 ， 使 用 每 个 数据 项 的 值 蔡 换 对 
应 数据 项 的 键 的 占 位 符 ， 得 到 最 终 的 页 面 内 容 。 最 后 使 用 Response.Wriite() 方 法 将 最 终生 成 的 
内 容 写 到 响应 流 中 。 这 样 在 浏览 器 访问 的 时 候 就 可 以 看 到 替换 过 的 页 面 内 容 了 。 


8.2 自 定义 视图 引擎 显示 页 面 脚注 信息 


前 面 我 们 讲 的 是 在 程序 中 组 织 一 段 HTML 代码 。 在 实际 应 用 中 , 没有 人 会 把 大 段 的 HTML 
代码 直接 写 到 程序 中 。 

其 他 缺点 不 用 说 ， 单 从 MVC 的 角度 出 发 ， 这 样 做 耦合 性 太 强 了 ， 肯 定 不 会 有 人 这 么 做 。 
如 果 你 想 尝试 ， 保 证 你 会 很 快 放弃 自 定义 视图 引擎 的 学 习 。 

对 于 这 个 问题 ,我 们 可 以 做 一 个 非常 简单 的 处 理 : 把 视图 存 到 文本 文件 中 ， 在 使 用 的 时 候 
用 IO 技术 将 它们 读 取 出 来 ， 进 行 操作 。 

下 面 我 们 来 了 解 一 下 。 


只 视频 教学 : 光盘 /videos/08/8.2” 自 定义 视图 引擎 显示 页 面 脚注 信息 @ 长 度 : 9 分 钟 
8.2.1 实例 描述 


首页 的 脚注 部 分 有 一 些 附加 信息 , 例如 版 权 、 备 案 号 、 联 系 方式 和 公共 安全 备案 号 等 内 容 。 
这 些 项 一 般 都 需要 在 后 台 进 行 修改 ， 本 节 我 们 就 使 用 自 定义 视图 来 将 它们 输出 。 


8.2.2 ”实例 应 用 
【 例 8-2】 自 定义 视图 引擎 显示 页 面 脚注 信息 。 


(1) 打开 上 一 节 我 们 创建 的 项 目 。 
(2) 我 们 需要 在 页 面 中 显示 脚注 信息 , 所 以 在 这 里 要 在 Models 目录 中 创建 一 个 封装 信息 的 
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实体 类 ， 命 名 为 ItzcnFooter， 代 码 如 下 : 


public class ItzcnFooter 
证 

public string Copyright { get; set; } 

public string RecordNumber { get; set; } 

public string ContectWay { get; set; } 

public string PublicSecurityNumber { get; set; } 
} 


(3) 创建 一 个 处 理 视图 的 类 ， 并 将 它 创 建 在 Models 目录 中 ， 命 名 为 ItzcnViewEngine， 代 
码 如 下 : 


public class ItzcnViewEngine 


下 


public static void View(ControllerContext context) 


{ 
// 获 取 视 图 内 容 


string viewContent = GetViewContent (context); 


// 蔡 换 占 位 符 
string html = ReplacePlaceHolder (viewContent, 
context.Controller.ViewData); 


// 输 出 页 面 内 容 


context.HttpContext.Response.Write (html); 
} 


/// <summary> 

/// 蔡 换 占 位 符 

/// </summary> 

private static string ReplacePlaceHolder (string viewContent, 
ViewDataDictionary viewData) 


{ 
// 遍 历 viewData， 使 用 每 一 个 数据 元 素 的 value 值 蔡 换 Key 所 标识 的 占 位 符 
foreach (var vd in viewData) 
下 
string key = "$" + vd.Key + "S"7 
ViewContent = viewContent.Replace(key, vd.Value.ToString()); 
| 
return viewContent; 


} 


/// <summary> 
/// 获取 视图 内 容 
/// </summary> 
private static string GetViewContent (ControllerContext context) 
{ 
// 获 得 一 个 视图 路 径 


String ViewPath = GetViewPath (context); 


// 返 回 所 有 的 文件 内 容 
return File.ReadAllText (viewPath) 7 
} 


/// <summary> 


M 
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/// 获取 视图 路 径 
/// </summary> 
private static string GetViewPath (ControllerContext context) 


{ 


HttpServerUtilityBase Server = context.HttpContext.Server; 


// 得 到 当前 执行 的 控制 器 和 动作 的 名 称 
string controller = context.RouteData.Values["controller"] .ToString(); 
string action = context.RouteData.Values["action"] .ToString(); 


// 使 用 这 组 名 称 组 成 一 个 视图 文件 的 虚拟 路 径 


string viewPath = "~/Views/" + controller + "/" + action + ".view"; 
// 返 回 该 视图 文件 的 物理 路 径 


return Server.MapPath (viewPath); 


该 类 提供 了 一 个 公有 静态 方法 , 用 于 向 页 面 打 印 视图 。 其 中 GetViewPath(ControllerContext 
context) 方 法 用 于 根据 当前 请 求 的 动作 名 称 获取 一 个 视图 文件 的 路 径 ， 
GetViewContent(ControllerContext context) 方 法 用 于 根据 视图 文件 的 路 径 获 取 文 件 的 文本 内 容 ， 
ReplacePlaceHolder(string viewContent, ViewDataDictionary viewData) 方 法 将 使 用 ViewData 中 的 
数据 替换 视图 文件 中 的 占 位 符 。 而 公有 方法 View(ControllerContext context) 则 根据 控制 器 的 上 
下 文 调用 另外 3 个 方法 来 执行 页 面 视 图 输出 的 功能 。 

(4) 创建 一 个 Controller， 命 名 为 ItzcnController， 并 修改 该 Controller 的 代码 ， 如 下 所 示 : 


public class ItzcnController : Controller 


{ 


public void Index() 


{ 


} 


// 获 取 页 面 脚注 信息 


ItzcnFooter itzcnFooter = this.GetFooterIinfo(); 


// 设 置 ViewData 
ViewData["Copyright"] = itzcnFooter.Copyright; 
ViewData["RecordNumber"] = itzcnFooter.RecordNumber; 


ViewData["ContectWay"] = itzcnFooter.ContectWay; 
ViewData["PublicSecurityNumber"] = itzcnFooter.PublicSsecurityNumber; 
// 显 示 视图 


ItzcnViewEngine.View (ControllerContext); 


/// <summary> 

/// 获取 一 个 页 面 脚注 信息 

/// </summary> 

private ItzcnFooter GetFooterInfo() 


{ 


return new ItzcnFooter() 

{ 
Copyright = "2005-2010 窗 内 网 (www.itzcn.com)"， 
RecordNumber = " 阶 ICP 备 08104500 号 "， 
ContectWay = 
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"在 线 客服 oQ 群 1: 33925615 (已 满 QQ 群 2: 45368980 (已 满 )" + 
"” QQ 群 3: 107423140 (已 满 QQ 群 :7858178"， 
PublicSecurityNumber = "41010329000027"™ 


} 


在 动作 Index 中 ， 我 们 需要 一 组 页 面 脚注 信息 ， 这 些 信 息 一 般 是 从 数据 库 中 读 取 ， 所 以 这 
里 使 用 一 个 方法 来 封装 所 获取 数据 的 代码 ， 模 拟 一 组 数据 。 在 Index 动作 中 接收 到 该 对 象 ， 并 


填充 到 ViewData 对 象 中 ， 然 后 使 用 ItzcnViewEngine 类 的 View() 方 法 调用 视图 。 

(5) 当然 ,我 们 还 需要 一 个 视图 文件 。 因 为 在 ItzcnViewEngine 类 中 ,我 们 定义 的 文件 路 径 
规则 是 在 站 点 目录 下 的 Controller 名 称 目 录 下 以 Action 名 称 和 .view 扩展 名 的 视图 文件 ， 所 以 
要 在 /Views/Itzcn 目录 中 创建 一 个 名 为 Index.view 的 文件 ， 并 输入 一 个 页 面 结构 ， 其 代码 如 下 : 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.0rg/TR/xhtml1l/DTD/xhtmll-transitional.dtd"> 


<html xmlns="http://www.w3.o0rg/1999/xhtml" > 
<head runat="server"> 
<title>Index</title> 
<style type="text/css"> 
div{ font-size:12px; text-align:center; color:#143c80; font-family: 宋 
体 ; padding:8px; } 
#body{ width:766px; margin:auto; } 
</style> 
</head> 
<body> 
<div id="body"> 
<img alt="" src="/Images/itzcn.jpg" /> 
<div>Copyrights Reserved $Copyright$ $s$RecordNumber$</div> 
<div>$ContectWay$</div> 
<div><img alt="" src="/Images/jt.gif" /></div> 
<div> 郑 公 备 : $PublicsecurityNumber$</div> 
</div> 
</body> 
</html> 


这 里 使 用 $ 符 号 标记 了 几 个 占 位 符 : $Copyright$ 、$RecordNumber$ 、$ContectWay$ 和 
$PublicSecurityNumber$， 分 别 用 于 表示 版 权 信息 、 备 案 号 、 联 系 方式 和 公共 安全 号 码 等 ， 这 些 
占 位 符 将 在 生成 视图 的 时 候 被 蔡 换 成 相应 的 内 容 。 

不 过 这 里 要 注意 ， 为 了 节省 视图 代码 ， 页 面 的 主体 部 分 使 用 一 个 截图 代替 ， 这 里 直接 使 用 
一 个 img 标签 引入 图 片 /Images/itzcn.jpg。 


8.2.3 ”运行 结果 


运行 应 用 程序 ， 访 问 /Ttzcn/Index 路 径 ， 结 果 如 图 8-3 所 示 。 
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8-3 ”执行 结果 
可 以 看 到 ，ASPNET MVC 使 用 我 们 自 定义 的 视图 引擎 输出 了 我 们 想 要 的 内 容 。 


8.2.4 实例 分 析 


& 源码 解析 

本 实例 修改 了 ItzcnController 的 Index 动作 为 无 返回 值 动作 ,然后 像 平常 一 样 使 用 ViewData 
保存 页 面 的 信息 ， 最 后 调用 ItzcnViewEngine 类 的 View() 方 法 向 响应 流 中 输出 页 面 内 容 。 在 
ItzcnViewEngine 类 中 , 先 根据 当前 Controller 及 Action 的 名 称 和 相应 的 规则 得 到 一 个 文件 路 径 ， 
然后 打开 并 读 取 该 文件 的 内 容 ， 并 使 用 前 面 在 ViewData 中 保存 的 数据 替换 视图 文件 内 容 中 的 
占 位 符 ， 最 后 使 用 Response 对 象 的 Write() 方 法 将 HTML 数据 写 到 响应 流 中 。 


8.3 引入 一 个 模板 引擎 优化 自 定义 的 视图 引擎 


上 一 节 自 定义 的 视图 引擎 已 经 比较 完善 了 ， 但 是 还 有 一 些小 的 问题 ， 例 如 在 进行 页 面 占 位 
符 替 换 的 时 候 ， 只 能 替换 简单 的 字符 内 容 ， 没 有 办 法 进行 比较 智能 的 替换 操作 。 如 果 要 实现 更 
加 复杂 的 操作 ， 还 需要 更 多 的 代码 来 完成 这 个 功能 。 

对 于 这 个 问题 ， 其 实 已 经 有 很 多 非常 好 的 解决 方案 了 。 下 面 我 们 将 使 用 一 个 模板 引擎 
StringTemplate。 


A9 
EB? 视频 教学 : 光盘 /videos/08/8.3 ”引入 一 个 模板 引擎 优化 自 定义 的 视图 引擎 、@ 长 度 : 7 分 名 


8.3.1 基础 知识 一 一 StringTemplate 模板 引擎 


1. 什么 是 StringTemplate 
StringTemplate 是 一 个 非常 好 用 的 模板 引擎 , 它 的 官方 网 站 是 http://www.stringtemplate.org。 
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其 官方 网 站 上 很 清楚 地 说 明了 它 是 一 个 Java 模板 引擎 (同时 还 有 应 用 于 C#、Python、Ruby 和 
Scala 等 语言 的 版 本 )， 它 可 以 生成 源 代码 、Web 页 面 、E-mail 和 其 他 格式 的 文本 输出 。 

因为 StringTemplate 要 考虑 多 个 平台 使 用 方法 的 统一 性 , 所 以 其 从 功能 上 来 说 称 不 上 强大 。 
但 是 其 非常 好 用 的 特性 不 可 小 视 ， 所 以 有 不 少 开发 者 选择 使 用 它 。 

2. StringTemplate 的 使 用 


StringTemplate 模板 引擎 的 当前 最 新 版 本 是 3.2, 我 们 可 以 从 官方 网 站 上 找到 相应 的 下 载 链 
接 ， 下 载 得 到 应 用 于 C# 语 言 的 StringTemplate 模板 引擎 的 类 库 。 

StringTemplate 模板 引擎 主要 使 用 类 StringTemplate， 该 类 声明 在 Antlr3.ST 命名 空间 中 ， 
这 个 类 基本 上 可 以 满足 我 们 的 需求 。 

首先 我 们 要 在 项 目 中 添加 对 该 类 库 Antlr3.StringTemplate.dll 的 引用 ， 应 用 程序 会 自动 添加 
与 之 关联 的 其 他 类 库 。 

在 应 用 程序 中 , 我们 可 以 直接 使 用 其 重 载 的 构造 方法 来 声明 该 类 的 对 象 , 例如 下 面 的 代码 
就 可 以 创建 一 个 StringTemplate 类 的 对 象 。 


Var st = new StringTemplate(string template); 


该 构造 方法 的 唯一 参数 template 是 一 个 视图 的 源 代码 。 

接 下 来 可 以 使 用 该 类 提供 的 SetAttribute(string name, object value) 方 法 来 设置 要 替换 的 对 象 
列表 ， 使 用 它们 可 以 很 简单 地 蔡 换 视图 源码 中 的 占 位 符 。 

例如 视图 中 源 代码 有 下 面 一 句 文本 : 


<div>$UserName$</div> 


使 用 SetAttribute(string name, object value) 方 法 可 以 将 其 完全 蔡 换 ， 代 码 如 下 : 


st.SetAttrubute ("UserName"," 张 三 凤 "); 


上 面 代码 执行 以 后 ，StringTemplate 对 象 可 以 生成 如 下 代码 : 


<div> 张 三 凤 </div> 


如 果 我 们 想 要 获取 生成 的 结果 ， 直 接 使 用 StringTemplate 类 对 象 的 ToString0 方 法 即 可 。 

看 到 这 里 ， 也 许 有 的 人 已 经 发 现 ，StringTemplate 仅仅 为 我 们 节省 了 很 有 限 的 一 些 代码 ， 
我 们 有 什么 必要 使 用 它 呢 ? 

我 们 来 继续 研究 它 。 

3. StringTemplate 的 特色 


前 面 我 们 使 用 一 个 字符 串 直接 蔡 换 占 位 符 。 如 果 是 一 个 对 象 ， 我 们 还 要 手动 人 遍历， 进行 相 
应 的 蔡 换 ， 非 常 麻烦 。 

例如 上 一 节 实 例 中 使 用 的 ItzcnFooter 类 的 实例 ， 我 们 需要 将 它 的 属性 一 个 个 地 添加 到 
ViewData 中 ， 然 后 再 进行 遍历 。 

如 果 是 一 个 非常 复杂 的 对 象 , 将 会 浪费 很 多 不 必要 的 代码 。 如 果 使 用 StringTemplate 模板 ， 
我 们 只 需要 将 这 个 实例 对 象 设置 到 StringTemplate 对 象 中 即 可 ， 在 视图 中 我 们 可 以 使 用 点 运算 
符 直 接 标识 相应 类 的 指定 属性 即 可 。 
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例如 在 控制 器 中 执行 以 下 代码 : 


var user = new { Name=" 张 三 凤 "， Age=23 }; 
st.SetAttribute ("User", user); 


在 视图 中 就 可 以 直接 使 用 $User.Name$ 取 得 字符 串 “ 张 三 凤 ” 再 使 用 $User.Age$ 取 得 年 


龄 23。 


》 当然 ，StringTemplate 还 有 许多 非常 好 用 的 特性 ， 这 里 就 不 再 一 一 介绍 了 ， 有 兴趣 


Es 的 朋友 自己 研究 一 下 吧 。 


8.3.2 ”实例 描述 


本 节 的 内 容 是 要 引入 StringTemplate 模板 引擎 来 优化 我 们 的 代码 ， 本 实例 在 上 一 节 课 的 基 


础 上 进行 修改 ， 完 善 我 们 的 自 定义 视图 引擎 。 


8.3.3 ”实例 应 用 
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【 例 8-3】 引 入 一 个 模板 引擎 优化 自 定义 的 视图 引擎 。 
(1) 打开 上 一 节 我 们 使 用 的 项 目 。 
(2) 首先 修改 ItzcnController 中 的 Index 动作 ， 代 码 如 下 : 


public void Index() 


// 获 取 页 面 脚注 信息 


ItzcnFooter itzcnFooter = this.GetEFooterInfo() 7 


// 设 置 ViewData 


ViewData["Footer"] = itzcnFooter; 


// 显 示 视 图 
ItzcnViewEngine.View (ControllerContext); 


} 


可 以 看 到 这 里 的 代码 变 得 清爽 了 许多 。 
(3) 打开 ItzcnViewEngine 类 的 源 代码 ， 先 在 文件 顶部 添加 对 类 库 的 StringTemplate 类 库 的 


引用 ， 代 码 如 下 : 


using Antlr3.sT; 


(4) 修改 替换 占 位 符 的 ReplacePlaceHolder0 方 法 ， 代 码 如 下 : 


/// <summary> 

/// 蔡 换 占 位 符 

/// </summary> 

private static string ReplacePlaceHolder (string viewContent, 
ViewDataDictionary viewData) 

1 


Var st = new StringTemplate (viewContent); 


// 遍 历 viewData， 使 用 每 一 个 数据 元 素 的 value 值 来 蔡 换 Key 所 标识 的 占 位 符 


foreach (var vd in viewData) 


{ 
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st.SetAttribute (vd.Key, vd.Value); 
return st.ToString(); 


} 
(5) 修改 视图 文件 的 代码 ， 代 码 如 下 : 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.0rg/TR/xhtml1/DTD/xhtmll-transitional.dtd"> 


<html xmlns="http://www.w3.0rg/1999/xhtml" > 
<head runat="server"> 
<title>Index</title> 
<style type="text/css"> 
div{ font-size:12px; text-align:center; color:#143c80; font-family: 宋 
体 ; padding:8px; } 
#body{ width:766px; margin:auto; } 
</style> 
</head> 
<body> 
<div id="body"> 
<img alt="" src="/Images/itzcn.jpg" /> 
<div>Copyrights Reserved $Footer.Copyright$ $Footer.RecordNumber$</div> 
<div>$Footer.ContectWay$</div> 
<div><img alt="" src="/Images/jt.gif" /></div> 
<div> 郑 公 备 : $Footer.PublicsecurityNumber$</div> 
</div> 
</body> 
</html> 


这 里 将 所 有 的 占 位 符 修改 为 指定 以 点 运算 符 来 选择 属性 的 方式 ， 更 加 易 读 ， 容 易 理 解 。 
至 此 就 算 修改 完了 。 比 较 简单 ， 运 行 以 后 的 结果 和 上 一 节 完 全 相同 ， 所 以 这 里 就 不 再 截图 
显示 其 运行 结果 了 。 


8.3.4 实例 分 析 


> 


本 实例 使 用 了 StringTemplate 模板 引擎 来 优化 我 们 的 程序 代码 。 主 要 实现 了 占 位 符 替换 环 
节 的 功能 强化 和 扩展 。 

首先 在 向 ViewData 中 保存 数据 的 时 候 可 以 直接 保存 数据 对 象 ， 然 后 在 替换 的 时 候 直 接 设 
置 对 应 的 键 和 数据 对 象 即 可 。StringTemplate 对 象 将 自动 遍历 数据 对 象 ， 取 出 所 有 的 属性 与 页 
面 中 的 相应 位 置 进行 替换 ， 最 后 使 用 StringTemplate 对 象 的 ToString() 方 法 直接 返回 执行 结果 。 


8.4 博客 文章 页 面 


前 面 几 节 自 定 义 了 一 个 视图 引擎 ， 似 乎 已 经 很 完美 了 。 事 实 上 是 这 样 吗 ? 答案 是 No。 
虽然 说 前 面 的 “视图 引擎 ”已 经 实现 了 显示 视图 的 功能 ， 以 及 将 视图 与 控制 器 相 分 离 的 功 
能 , 但 是 从 严格 意义 上 来 说 却 不 能 称 之 为 “视图 引擎 ”, 充其量 可 以 叫做 封装 了 Response.Write() 
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方法 的 “视图 生成 器 ”而 已 。 

为 什么 呢 ? 很 简单 。“ 引 擎 ”是 一 个 系统 中 最 核心 的 功能 模块 ， 而 不 仅仅 是 一 个 被 动 调用 
静态 方法 。 

可 能 理由 有 点 不 沾边 ， 也 可 能 是 我 理解 不 深 吧 ， 只 能 如 此 解释 了 。 不 过 当 每 个 人 看 完 前 面 
几 节 后 都 会 感觉 有 点 别扭 …… 废 话 不 说 ， 进 入 正题 ， 本 节 我 们 使 用 系统 提供 的 接口 来 实现 一 个 
真正 意义 上 的 视图 引擎 。 


上 视频 教学 ， 光盘 /videos/08/8.4 博客 文章 页 面 人 @@ 长 度 : 15 分钟 


8.4.1 基础 知识 一 一 构建 真正 意义 上 的 视图 引擎 


前 面 我 们 做 的 那个 视图 引擎 的 作用 是 根据 ControllerContext 对 象 的 数据 ， 输 出 页 面 视图 的 
内 容 。 
在 ASPNETMVC 2 中 ， 视 图 引擎 的 职责 是 根据 参数 选择 并 创建 视图 对 象 ， 视 图 引擎 不 负 
责 视图 内 容 的 生成 工作 ， 视 图 内 容 的 生成 工作 由 视图 对 象 来 完成 。 

默认 情况 下 ， 创 建 自 定义 视图 引擎 需要 实现 IViewEngine 接口 (该 接口 声明 在 
System. Web. Mvc 命名 空间 中 )。 该 接口 声明 了 3 个 方法 ， 具 体 代 码 如 下 : 


public interface IViewEngine 
ViewEngineResult FindPartialView( 
ControllerContext controllerContext, 
string partialViewName, 
bool useCache); 


ViewEngineResult FindView( 
ControllerContext controllerContext, 
string viewName, 
string masterName, 
bool useCache); 


void ReleaseView( 
ControllerContext controllerContext, 
IView view); 


} 


一 般 来 说 ， 几 乎 所 有 的 模板 引擎 都 会 使 用 虚拟 路 径 进行 对 视图 文件 的 定位 ， 并 加 载 视图 。 
如 果 我 们 使 用 IViewEngine， 还 需要 编写 相应 的 路 径 处 理 代码 。 

为 了 方便 ，ASP.NET MVC 2 提供 了 一 个 基 类 VirtualPathProviderViewEngine， 并 封装 了 一 
些 路 径 处 理 程序 。 

VirtualPathProviderViewEngine 类 是 一 个 抽象 类 。 该 类 包含 了 各 种 路 径 的 查询 模板 ， 可 以 
根据 controller 和 action 的 值 进行 查询 查 应 的 视图 文件 。 

另外 VirtualPathProviderViewEngine 类 还 包含 两 个 用 于 创建 视图 的 方法 ， 这 两 个 方法 是 抽 
象 方法 ， 需 要 我 们 在 继承 该 类 的 时 候 实现 这 两 个 方法 。 

使 用 VirtualPathProviderViewEngine 类 还 有 一 个 好 处 : 它 会 自动 在 生产 环境 下 进行 缓存 。 
我 们 知道 视图 文件 是 在 硬盘 上 存放 的 ， 而 进行 访问 视图 文件 的 IO 操作 很 费 资 源 。 使 用 
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VirtualPathProviderViewEngine 类 就 很 简单 地 解决 了 这 个 问题 。 
总 体 来 说 ，VirtualPathProviderViewEngine 类 需要 我 们 关心 的 类 结构 声明 如 下 : 


public abstract class VirtualPathProviderViewEngine : IViewEngine 
| 
public string[] MasterLocationFormats { get; set; } 
public string[] PartialViewLocationFormats { get; set; } 
public string[] ViewLocationFormats { get; set; } 


protected abstract IView CreatePartialView( 
ControllerContext controllerContext, 
string partialPath); 


protected abstract IView CreateView( 
ControllerContext controllerContext, 
string viewPath, 
string masterPath); 


. 


也 就 是 说 ， 继 承 VirtualPathProviderViewEngine 类 需要 我 们 提供 各 种 视图 文件 路 径 的 查询 
模板 ， 以 及 创建 视图 的 方法 。 在 视图 文件 路 径 模 板 中 ， 我 们 可 以 使 用 {0}、{1} 的 方式 分 别 为 
Action 和 Controller 名 称 提供 占 位 符 。 

从 上 面 VirtualPathProviderViewEngine 类 的 结构 我 们 可 以 看 到 , 这 两 个 抽象 方法 需要 返回 
一 个 实现 了 IView 接口 的 类 的 对 象 ， 所 以 这 里 还 要 完成 一 个 实现 IView 接口 的 自 定义 视图 对 
象 类 。 

IView 接口 的 声明 如 下 : 


public interface IView 
Void Render (ViewContext viewContext, TextWriter writer); 


} 


这 里 我 们 只 要 实现 一 个 Render() 方 法 即 可 。 

Render() 方 法 需要 两 个 参数 viewContext 和 writer， 这 个 方法 的 功能 是 根据 viewContext 中 
的 数据 生成 视图 内 容 ， 并 把 生成 的 内 容 写 到 writer 对 象 中 。 

全 部 完成 以 后 我 们 还 要 注册 自 定 义 视图 引擎 ， 方 法 是 在 Globalasax 文件 中 的 
Application_Start() 方 法 中 使 用 ViewEngines 类 里 的 Engines 集合 来 添加 自 定义 视图 引擎 。 当 然 ， 
在 添加 之 前 我 们 可 以 先 清理 掉 ASPNET MVC 默认 的 视图 引擎 。 代 码 如 下 : 


ViewEngines.Engines.Clear(); 
ViewEngines.Engines.Add (new MyViewEngine()); 


仿 | 在 上 面 的 代码 中 ，MyViewEngine 是 自 定义 的 一 个 视图 引擎 类 ， 
好 了 ， 基 本 上 要 注意 的 问题 都 已 经 讲 完了 ， 下 面 来 看 一 个 实例 。 
8.4.2 实例 描述 
视图 引擎 比较 简单 ， 但 是 如 果 同 时 再 举 个 实例 应 用 ， 就 会 显得 有 点 复杂 。 本 实例 使 用 一 个 


< 
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简单 的 博客 文章 页 面 ， 尽 可 能 地 将 视图 引擎 与 实例 分 离开 讲 ， 让 大 家 更 容易 了 解 。 
本 实例 基本 上 分 为 两 部 分 : 创建 视图 引擎 以 及 实现 博客 页 面 并 使 用 视图 引擎 。 


8.4.3 实例 应 用 


【 例 8-4】 博 客 文章 页 面 。 
(1) 打开 前 面 我 们 使 用 的 项 目 。 
(2) 我 们 要 先 创建 视图 引擎 ， 即 先 在 Models 目录 中 创建 一 个 类 文件 MyViewEngine.cs。 
(3) 打开 MyViewEngine.cs 文件 。 因 为 要 用 到 StringTemplate 模板 引擎 ， 所 以 这 里 要 先 在 
页 面 中 引用 StringTemplate 类 的 命名 空间 。 代 码 如 下 : 


using Antlr3.sT; 


(4) 在 MyViewEngine.cs 文件 中 添加 一 个 视图 对 象 类 MyView， 代 码 如 下 : 


public class MYView : IView 
public string ViewPath { get; set; } 
public string MasterPath { get; set; } 


public MyView (string viewPath) 
{ 


/* 
* 初始 化 视图 文件 路 径 
7 
this.ViewPath = viewPath; 
} 


public MyView (string viewPath, string masterPath) 


{ 


/* 

* 初始 化 视图 文件 路 径 和 母 版 页 路 径 
#7 

this.ViewPath = viewPath; 
this.MasterPath = masterPath; 


} 


public void Render (ViewContext viewContext, TextWriter writer) 
{ 


HttpServerUtilityBase Server = viewContext.HttpContext.Server; 


// 获 得 视图 文件 的 物理 路 径 


string path = Server.MapPath (this.ViewPath); 


// 读 取 文件 的 内 容 


string content = File.ReadAllText (path); 


// 创 建 模板 引擎 


Var template = new StringTemplate (content); 


// 遍 历 viewData 设置 模板 引擎 的 值 


foreach (var data in ViewContext-ViewData) 
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{ 
template.SetAttribute (data.Key, data.Value); 


} 
writer.Write (template.ToString()); 


} 


上 面 代码 实现 了 在 初始 化 MyView 类 对 象 的 时 候 初 始 化 视图 文件 的 路 径 ， 然 后 在 Render() 
方法 中 获取 指定 的 视图 路 径 ， 读 取 视 图 文件 并 设置 相应 的 值 。 
(5) 创建 一 个 MyViewEngine 类 ， 实 现 视图 引擎 的 选择 。 代 码 如 下 : 


public class MyViewEngine : VirtualPathProviderViewEngine 
{ 
public MyViewEngine() 


{ 
// 初 始 化 视图 文件 路 径 模 板 
this.ViewLocationFormats = new string[] 
{ 
"~/Views/{1}/{0} .page", 
"~/Views/Shared/{0} .page" 
}; 


// 初 始 化 局 部 视图 文件 路 径 模板 


this.PartialViewLocationFormats = new string[] 


{ 
"~/Views/{1}/{0} .modu", 
"~/Views/sShared/{0} .modu" 


}; 
// 初 始 化 母 版 页 文件 路 径 模 板 


this.MasterLocationFormats = new string[] 
{ 
"~/Views/{1}/{0}.mast", 
"~/Views/Shared/{0} .mast" 
}; 
} 


protected override IView CreatePartialView(ControllerContext 
controllerContext, string partialPath) 


{ 


return new MyView (partialPath); 


} 


protected override IView CreateView(ControllerContext controllerContext, 
string viewPath, string masterPath) 


| 


return new MyView (viewPath, masterPath); 
} 


上 面 代码 在 初始 化 视图 引擎 的 时 候 同时 初始 化 了 视图 、 母 版 页 和 局 部 视图 等 类 型 视图 文件 
的 路 径 查 询 模板 。 


@@ ” 大 家 看 到 这 里 应 该 知道 为 什么 默认 视图 引擎 中 的 视图 必须 放 在 Views 目录 中 了 
提示 |」 。” 吧 。 如 果 要 改变 视图 的 存放 目录 ， 可 以 重 定义 一 个 视图 引擎 来 实现 。 
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(6) 就 这 两 个 类 ， 视图 引擎 就 声明 完了 。 下 面 修改 Globalasax 文件 中 的 Application_Start() 
方法 ， 添 加 注册 视图 引擎 的 语句 ， 代 码 如 下 : 


protected void Application Start() 


AreaRegistration.RegisterAllAreas (); 
RegisterRoutes (RouteTable.Routes); 


// 注 册 视图 引擎 
ViewEngines.Engines.Clear (); 
ViewEngines.Engines.Add (new MyViewEngine()); 


和 


至 此 ， 该 视图 引擎 可 以 正常 运行 了 。 

下 面 我 们 简单 写 一 个 博客 文章 的 例子 测试 一 下 。 

(7) 在 Models 目录 中 添加 一 个 类 文件 ， 命 名 为 BlogModels.cs。 

(8) 在 BlogModels.cs 文件 中 添加 3 个 实体 类 , 分 别 用 于 封装 页 面 、 博 客 和 文章 信息 ， 代 码 


如 下 : 


public class SitePage 

+ 
public string Copyright { get; set; } 
public string Title { get; set; } 


public class Blog 
public string ChildTitle { get; set; } 
public string Title { get; set; } 

. 


public class Article 
public string Author { get; set; } 
public string Class { get; set; } 
public string Content { get; set; } 
public string Tag { get; set; } 
public DateTime Time { get; set; } 
public string Title { get; set; } 


(9) 在 Controllers 目录 中 添加 一 个 Controller， 命 名 为 BlogController。 
(10) 修改 BlogController 的 代码 ， 如 下 所 示 : 


public class BlogController : Controller 
{ 
public ActionResult Index() 
{ 
ViewData["Page"] = this.GetPage(); 
ViewData["RArticle"] = this.GetArticle(); 
ViewData["Blog"] = this.GetBlog(); 


return View(); 


1 


private Article GetArticle() 
{ 


return new Article() 
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{ 
Author = " 张 浩 华 "， 
Class = "ASP.NET MVC", 


Content = "<p> ”在 ASP.NET MVC 2 中 ， 视 图 引擎 的 职责 是 根据 参数 选择 并 创建 


让 
"视图 引擎 不 负责 视图 内 容 的 生成 工作 ， 视 图 内 容 的 生成 工作 由 视图 对 象 来 完成 。"” + 
"<p> ”在 AsSP.NET MVC 2 中 ， 默 认 情 况 下 ， 创 建 自 定义 的 视图 引擎 需要 实现 
IViewEngine 接口 ”+ 

" (该 接口 声明 在 system.Web .Mvc 命名 空间 中 ) 。 
"<p> 一般 来 说 ， 放 归 所 前 模 寂 引 敬 都 会 使 用 应 所 路 径 进行 对 视图 文件 的 定位 ， 并 加 


东 
"所 以 如 果 我 们 使 用 TViewEngine 的 话 ， 我 们 就 还 需要 编写 相应 的 路 径 处 理 代码 。" + 
"<p> ”VirtualPathProviderViewEngine 类 是 一 个 抽象 类 。 该 类 包含 了 各 种 路 径 

的 查询 模板 ，" + 

"可 以 根据 controller 和 action 的 值 进行 查询 相应 的 视图 文件 。"， 

Tag = "MVC,ASP.NET, 自 定义 视图 引擎 "， 

Time = new DateTime(2010, 11, 22), 

Title = "ASP.NET MVC 2 自 定义 视图 引擎 " 


视图 对 象 ，" 


载 视图 。" 


}; 
} 


private Blog GetBlog() 
| 


return new Blog() 


, 
Title = " 张 浩 华 "， 
childTitle = "不 要 浮躁 ,冷静 的 思考 ， 为 人 ， 为 已 ……" 
Fe 
} 


private SitePage GetPage() 
{ 


return new SitePage() 
i 
Copyright = "Copyright @2010 张 浩 华 " 
Title = "ASP.NET MVC 2 自 定义 视图 引擎 - 张 浩 华 - 博客 " 
}; 
} 
i 


正常 情况 下 ，Blog、SitePage 以 及 Article 类 的 实例 的 数据 需要 从 数据 库 中 获取 ， 这 里 为 了 
演示 方便 ， 使 用 3 个 方法 创建 3 个 对 象 直接 返回 。 

在 这 里 我 们 发 现 ， 以 这 种 方式 自 定义 的 视图 引擎 不 影响 Controller 中 的 任何 操作 ， 只 需要 
改变 视图 和 应 用 程序 的 视图 引擎 的 配置 即 可 。 

(11) 在 站 点 根 目 录 下 的 Views 目录 中 添加 一 个 Blog 子 文件 夹 。 

(12) 在 /Views/Blog 目录 中 添加 一 个 视图 文件 ， 命 名 为 Index.page。 

(13) 修改 Index.page 文件 ， 添 加 页 面 代码 ， 如 下 所 示 : 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.0org/TR/xhtmll1/DTD/xhtmll-transitional.dtd"> 


<html xmlns="http://www.w3.0rg/1999/xhtml" > 
<head> 
<title>$Page.Title$</title> 
<link href="/Content/Blog.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
<div id="main"> 
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<div id="header"> 
<hl class="title">$Blog.Title$</hl> 
<h2 class="child title">$Blog.ChildTitle$</h2> 
</div> 
<div id="body" > 
<div id="menu"> 博 客 园 社区 首页 新 随笔 联系 管理 订阅 </div> 
<div id="blog™" 
<div class="title">$Article.Title$</div> 
<div class="content"> 
$Article.Content$ 
</div> 
<div class="tag">Tag 标签 : $Article.Tag$</div> 
<div class="other">posted @ 
$Article.Time$ <span>$Article.Author$</span> 阅读 (2) <span> 评 论 (0) </span> 
<span> 编 辑 </span> <span> 收 藏 </span> 所 属 分 类 : 
<span>$Article.Class$</span></div> 
</div> 
</div> 
<div id="footer"> 
$Page.Copyright$ 
</div> 
</div> 
</body> 
</html> 


至 此 就 完成 了 视图 引擎 的 编写 和 测试 代码 的 编写 工作 。 下 面 来 运行 一 下 看 看 效果 。 


8.4.4 运行 结果 


运行 项 目 ， 访 问 /Home/Index， 结 果 如 图 8-4 所 示 。 
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图 8-4 自 定义 视图 引擎 运行 结果 
在 运行 结果 中 ， 为 了 简化 页 面 结构 ， 页 面 右 侧 的 信息 被 设置 为 页 面 背景 。 


8.4.5 实例 分 析 


a 
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本 实例 首先 创建 一 个 实现 了 IView 接口 的 类 MyView, 并 且 在 MyView 类 中 实现 了 IView 
接口 中 定义 的 方法 Render0， 同 时 实现 了 视图 的 生成 功能 。 创 建 一 个 自 定义 的 视图 引擎 
MyViewEngine 类 , 它 继承 自 VirtualPathProviderViewEngine 类 , 实现 了 视图 文件 路 径 的 定位 和 
选择 视图 对 象 的 功能 。 最 后 创建 一 个 BlogController 接受 相应 的 请 求 ， 并 在 /Blog/Index 目录 中 
添加 一 个 视图 文件 Index.page， 用 以 保存 视图 信息 。 


8.5 ”使 用 母 版 页 优化 博客 系统 


上 一 节 我 们 定义 了 一 个 视图 引擎 。 是 否 觉得 这 才 算 视图 引擎 ? 

其 实 它 还 很 简单 。 确 实 ， 开 发 一 个 视图 引擎 不 是 一 件 简单 的 事情 。 这 里 我 们 所 写 的 视图 引 
擎 还 很 简陋 。 最 起 码 ， 它 不 能 实现 代码 复 用 ， 既 没有 导入 局 部 视图 ， 也 不 能 使 用 母 版 页 。 

程序 员 一 般 都 有 一 种 追求 完美 的 心态 ， 本 节 我 们 来 研究 一 下 带 母 版 页 的 视图 引擎 的 使 用 
方法 。 


上 视频 教学 ， 光盘 /videos/08/8.5 ”使 用 母 版 页 优化 博客 系统 人 @@O 长 度 : 4 分 名 


8.5.1 实例 描述 


视图 引擎 的 定义 和 使 用 需要 大 量 代码 , 为 了 缩减 篇 幅 , 这 里 直接 修改 上 一 节 中 使 用 的 项 目 ， 
为 其 添加 母 版 页 的 功能 。 


8.5.2 实例 应 用 


【 例 8-5】 使 用 母 版 页 优化 博客 系统 。 
(1) 打开 前 面 我 们 使 用 的 项 目 。 
(2) 先 来 修改 生成 视图 的 类 MyView， 代 码 如 下 : 


public class MyView : IView 

{ 
public string ViewPath { get; set; } 
public string MasterPath { get; set; } 


public MyView (string viewPath) 
{ 


了 

* 初始 化 视图 文件 路 径 

bd 

this.ViewPath = viewPath; 
T 


public MYView(string viewPath, String masterPath) 
时 


大 


* 初始 化 视图 文件 路 径 和 母 版 页 路 径 
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二 

this.ViewPath = viewPath; 

this.MasterPath = masterPath7 
} 


public void Render (ViewContext viewContext, TextWriter writer) 


{ 
// 获 得 模板 引擎 


Var viewTemplate = this.GetTemplate (this.ViewPath, viewContext); 


// 如 果 设 置 了 母 版 页 ， 则 将 视图 页 内 容 加 入 母 版 页 中 ， 生 成 总 的 视图 
if (!string.IsNullOrEmpty (this.MasterPath)) 
{ 
Var masterTemplate = this.GetTemplate (this.MasterPath, 
viewContext); 
masterTemplate.SetAttribute ("ChildView", 
viewTemplate.Tostring()); 
ViewTemplate = masterTemplate; 


} 


writer.Write (viewTemplate.ToString()); 


1 


private StringTemplate GetTemplate (stIing viewPath, ViewContext 
ViewContext) 
{ 


HttpServerUtilityBase Server = viewContext.HttpContext.Server; 


// 获 得 视图 文件 的 物理 路 径 


string path = Server.MapPath (viewPath); 


// 读 取 文件 的 内 容 


string content = File.ReadAllText (path); 


// 创 建 模板 引擎 


Var template = new StringTemplate (content); 


// 遍 历 viewData 设置 模板 引擎 的 值 
foreach (var data in viewContext.ViewData) 
{ 
template.SetAttribute (data.Key, data.Value); 
} 


return template; 


} 


这 里 主要 修改 了 Render0 方 法 ， 该 方法 分 别 生成 母 版 页 和 视图 页 的 模板 ， 然 后 使 用 视图 页 
面 的 内 容 填充 母 版 页 的 相应 位 置 。 

(3) 我 们 还 需要 将 上 一 节 所 使 用 的 视图 文件 分 拆 。 在 /Views/Shared 目录 中 创建 一 个 视图 文 
件 ， 命 名 为 BlogMaster.mast， 内 容 如 下 : 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.0org/TR/xhtml1/DTD/xhtmll-transitional.dtd"> 


<html xmlns="http://www.w3.0rg/1999/xhtml" > 


<head> 
<title>$Page.Title$</title> 
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<link href="/Content/Blog.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
<div id="main"> 
<div id="header"> 
<hl class="title">$Blog.Title$</hl> 
<h2 class="child title">$Blog.ChildTitle$</h2> 
</div> 
<div id="body" > 
<div id="menu"> 博 客 园 社区 首页 新 随笔 联系 管理 订阅 </div> 
<div id="blog"> 
$ChildViews$s 
</div> 
</div> 
<div id="footer"> 
$Page.Copyright$ 
</div> 
</div> 
</body> 
</html> 


上 面 代码 删除 了 页 面 主 体 区 的 内 容 , 使 用 一 个 SChildView$ 占 位 符 , 用 于 标识 子 页 面 的 位 置 。 
(4) 修改 /Views/Blog/Index.page 文件 ， 删 除 页 面 结 构 ， 只 留 主体 区 内 容 ， 代 码 如 下 : 


<div class="title">$Article.Title$</div> 

<div class="content"> 

$Article.Content$ 

</div> 

<div class="tag">Tag 标签 : $Article.Tag$</div> 

<div class="other">posted @ $Article.Time$ <span>$Article.Author$</span> 阅 
读 (2) <span> 评 论 (0)</span> <span> 编 辑 </span> <span> 收 藏 </span> 所 属 分 类 : 
<span>$Article.Class$</span></div> 


(5) 修改 BlogController 中 的 Index 动作 ， 让 其 在 返回 的 时 候 指定 视图 和 母 版 页 。Index 动 
作 代 码 如 下 : 


public ActionResult Index() 

| 
ViewData["Page"] = this.GetPage(); 
ViewData["RArticle"] = this.GetArticle(); 
ViewData["Blog"] = this.GetBlog(); 


return View("Index", "BlogMaster"); 


} 


至 此 ， 所 有 修改 操作 完成 ， 我 们 可 以 直接 运行 项 目 查看 结果 。 
这 里 的 运行 结果 和 上 一 节 完 全 一 样 ， 所 以 不 再 截图 显示 了 。 


8.5.3 ”实例 分 析 


Cs 


本 实例 首先 修改 视图 生成 对 象 MyView 类 ， 即 修改 Render() 方 法 ， 使 其 分 别 创建 母 版 页 和 
视图 页 的 模板 对 象 ， 然 后 使 用 视图 页 的 模板 对 象 将 生成 结果 替换 到 母 版 页 的 相应 位 置 ， 即 可 实 
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现 视图 的 生成 。 之 后 还 要 将 视图 分 开 存放 ， 即 使 母 版 页 和 内 容 页 分 离 。 最 后 在 Controller 中 的 
Action 中 使 用 View(0 方 法 的 时 候 ， 指 定 母 版 页 和 视图 页 。 


8.6 ”常见 问题 解答 


8.6.1 自 定义 视图 引 敬 和 WebForm 视图 引擎 能 否 共存 


我 自 定义 的 视图 引擎 和 WebForm 视图 引擎 能 不 能 共存 ? 
网 络 课堂 ; http://bbs.itzcn.com/thread-3934-1-1.html 


通过 学 习 ， 我 自 定义 了 一 个 简单 的 视图 引擎 ， 确 实 没 有 MVC 自 带 的 强大 ， 只 能 实现 一 些 
非常 简单 的 功能 。 我 想 在 系统 中 同时 使 用 这 两 个 视图 引擎 ， 那 么 我 自 定义 的 视图 引擎 和 
WebForm 视图 引擎 能 不 能 共存 ? 

【解决 办 法 】 当 然 可 以 。 

首先 ， 你 会 发 现 注册 视图 引擎 代码 的 操作 方式 很 像 一 个 集合 ， 使 用 Clear() 方 法 清空 ， 然 后 
使 用 Add 方法 添加 一 个 视图 引擎 即 可 。 代 码 如 下 : 


ViewEngines.Engines.Clear (); 
ViewEngines.Engines.Add (new MyViewEngine()); 


当 把 光标 放 在 ViewEngines 类 的 Engines 对 象 上 的 时 候 会 发 现 ，Engines 是 一 个 
ViewEngineCollection 类 的 对 象 。 既 然 是 一 个 集合 ， 当 然 可 以 添加 多 个 对 象 了 。 

当然 ， 多 个 视图 引擎 要 协同 工作 ， 执 行 顺序 就 会 有 先 有 后 。 这 里 采用 和 URLRouting 一 样 
的 策略 ， 即 从 头 到 尾 遍 历 集合 ， 找 到 匹配 的 第 一 个 视图 引擎 ， 处 理 响应 操作 。 在 视图 引擎 选择 
上 你 可 能 需要 做 点 调整 。 

现在 第 三 方 资料 还 不 多 ， 具体 方法 你 可 以 去 微软 官方 查询 资料 , MSDN 上 “ 老 赵 ”的 视频 
好 像 提 到 过 ， 你 可 以 找 找 看 。 


8.6.2 ”什么 时 候 需要 自 定义 视图 引擎 


什么 时 候 需 要 自 定义 视图 引擎 呢 ? 
网 络 课堂 : http://bbs.itzen.com/thread-3934-1-1.html 

在 学 习 了 ASPNET MVC 的 自 定 义 视图 引擎 以 后 ， 总 觉得 它 很 不 实用 ， 例 如 我 要 做 一 个 简 
单 的 系统 ， 很 难 实现 复杂 页 面 的 输出 ， 例 如 列表 之 类 。 

总 感觉 自 定义 的 视图 引擎 要 实现 WebForm 视图 引擎 那样 的 功能 非常 复杂 。 我 什么 时 候 会 
用 到 自 定 义 视图 引擎 呢 ? 

【解决 办 法 】 首 先 ， 学 任何 一 门 技术 都 不 是 一 招 就 可 以 无 敌 的 。 

ASP.NET MVC 默认 的 WebForm 视图 引擎 非常 强大 ， 如 果 我 们 实现 了 它 的 所 有 功能 ， 当 
然 会 相当 费时 费力 ， 而 且 基 本 上 毫 无 价值 可 言 ， 因 为 我 们 很 难 超越 微软 的 技术 团队 。 
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我 们 要 学 它 ， 是 因为 它 是 一 门 技术 。 掌 握 了 它 ， 看 似 无 用 ， 但 也 无 所 不 用 。 第 一 ， 我 们 知 
道 了 MVC 视图 引擎 的 运 和 原理 ， 对 深入 了 解 MVC 框架 和 ASP.NET 非常 有 益 ; 第 二 ， 一 些 公 
司 会 根据 自己 的 需要 开发 自己 的 视图 引擎 ， 掌 握 了 它 ， 你 会 更 加 容易 地 应 用 到 工作 中 ， 节 省 了 
不 少时 间 。 

如 果 有 一 天 你 能 做 出 一 个 非常 强大 的 视图 引擎 ， 说 不 定 微软 的 高 薪 聘 书 就 到 你 家 了 。 


8.7 习 题 


一 、 填 空 题 


(1) 自 定义 的 视图 引擎 要 实现 接口 。 

(2) 自 定义 一 个 可 以 使 用 母 版 页 的 视图 引擎 ， 然 后 在 /View/User 目录 中 有 一 个 Create.page 
视图 文件 和 一 个 UserMaster.mast 母 版 页 文件 ， 在 UserController 里 的 Create 动作 中 我 们 要 调用 
相应 的 视图 页 和 母 版 页 ， 请 补充 下 面 的 代码 。 

public ActionResult Create() 

! 


ViewData["User"] = this.GetUser(); 


(3) 使 用 StringTemplate 模板 引擎 可 以 简化 视图 的 生成 ,例如 在 Controller 中 有 这 样 的 一 段 
代码 : 


var user = new { Name = " 周 星 星 " }; 
Var template = new StringTemplate (content); 
template.SetAttribute("User", user); 


可 以 在 视图 文件 中 使 用 获取 “ 周 星 星 ” 这 个 名 字 。 
二 、 选 择 题 
(1) 这 里 定义 了 一 个 视图 引 掌 ， 代 码 如 下 : 


public class MyViewEngine : 
2 
public MYViewEngine () 


/* 初始 化 代码 省 略 */ 
} 


protected override IView CreatePartialView(ControllerContext 
controllerContext, string partialPath) 
{ 
return new MyView (partialPath); 
T 


protected override IView CreateView( 
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ControllerContext controllerContext, string viewPath, string 
masterPath) 
{ 
return new MyView(viewPath, masterPath); 
i 


上 面 代 码 在 横 线 处 填 入 的 内 容 是 s 
A. VirtualPathViewEngine B. VirtualPathProviderViewEngine 
C. IviewEngine D. ProviderViewEngine 


(2) 假如 控制 器 ProductController 下 的 Index 动作 对 应 站 点 根 目 录 下 的 /Shitu/Product/ 
Index.pg 视 图 文件 ,那么 在 使 用 视图 引擎 的 构造 方法 初始 化 视图 位 置 模板 的 时 候 需要 这 样 配置 : 


this.ViewLocationFormats = new String[] 


{ 


}; 


请 补充 上 面 代 码 。 
A. "~/Shity {1}/{0}.pg" B. "~/Views/{1}/{0}.pg" 
C. "~/Shitu/{0}/{1}.pg" D. "~/Views/{1}/{2}.pg" 
(3) 在 ASP.NET MVC 中 , 自 定义 视图 引擎 需要 使 用 的 视图 对 象 必须 实现 接口 。 
A. Views B. View 
C. Ivews D. IView 
(4) ASP.NET MVC 视图 对 象 生成 的 结果 是 
A. 一 段 HTML 文 本 B. 一 个 Web 文件 
C. 一 段 C# 程 序 D. 一 个 ASP.NET 页 面 
三 、 上 机 练习 


上 机 练习 : 在 自 定义 视图 中 输出 当前 日 期 。 
回顾 一 下 自 定义 视图 引擎 ， 相 信 大 家 脑海 中 已 经 有 一 个 十 分 清晰 的 认识 了 吧 。 本 练习 要 求 
简单 定义 一 个 视图 引擎 ， 将 路 径 /Time/Index 映射 到 Views/Time/Index.page 视图 文件 中 ， 实 现 
在 页 面 中 打印 当前 日 期 ， 如 图 8-5 所 示 。 


8-5 显示 当前 日 期 


滤 需 


内 容 摘 要 


前 面 章节 已 经 介绍 了 控制 器 和 控制 器 的 动作 ， 它 们 将 负责 调整 用 户 、 模 型 和 视图 之 间 的 交 
互 作用 。 给 定 的 动作 方法 通常 处 理 具 体 的 用 户 与 视图 之 间 的 交互 作用 。 

例如 ， 当 用 户 单 击 页 面 上 显示 的 产品 的 超 链 接 ， 那 么 此 次 单 击 可 能 创建 一 个 对 名 为 List 
的 ProductsController 动作 方法 的 请 求 ， 它 将 进入 域 对 象 ， 获 取 所 有 的 产品 ， 将 其 放 在 一 起 ， 并 
将 结果 显示 给 用 户 。 

获取 产品 数据 以 及 选择 视图 的 过 程 是 动作 方法 的 主要 职责 ， 但 它 并 不 负责 横向 的 关注 点 ， 
例如 日 志 记录 、 输 出 缓存 、 身 份 验证 以 及 授权 等 。 动 作 方法 也 不 需要 了 解 这 些 职责 。 按 数学 中 
的 说 法 ， 它 们 与 动作 方法 的 用 途 互 不 相干 。 

这 时 需要 使 用 到 过 滤器 。 过 滤器 是 一 种 基于 声明 的 特性 ， 可 以 向 动作 方法 提供 横向 行为 。 


学 习 目标 


了 解 应 用 于 Action 和 Controller 的 过 滤器 
了 解 如 何 规定 页 面 的 访问 形式 

了 解 缓存 过 滤器 

了 解 异 常 过 滤器 

了 解 授 权 过 滤器 

了 解 自 定义 过 滤器 的 方法 
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9.1 应 用 于 Action 的 过 滤器 


应 用 于 Action 的 过 滤器 , 就 是 将 已 创建 的 过 滤器 应 用 到 控制 器 中 的 动作 方法 。 在 项 目 开发 
过 程 中 ， 开 发 人 员 习惯 于 使 用 这 个 过 滤器 来 完善 程序 的 严谨 性 。 例 如 ， 当 用 户 触发 了 某 个 事件 
的 时 候 ， 可 以 及 时 处 理 异 常 ， 以 保证 项 目的 正常 运行 及 使 用 。 


和 
上 视频 教学 : 光盘 /videos/09/9.1 应 用 于 Action 的 过 滤器 人 @@ 长 度 : 7 分 名 


9.1.1 基础 知识 一 一 ActionFilter 


Action 过 滤器 是 通过 继承 ActionFilterAttribute 类 来 实现 的 一 个 _ Attribute 类 。 
ActionFilterAttribute 是 一 个 抽象 类 ， 提 供 了 两 个 virtual 方法 OnActionExecuting 和 OnAction- 
Executed; 我 们 可 以 重 写 这 两 个 方法 。 

ActionFilterAttribute 类 的 命名 空间 是 System.Web.Mvc， 名 字 叫 做 动作 筛选 器 , 它 继承 于 一 
个 类 和 两 个 接口 ， 这 个 类 是 FilterAttribute， 两 个 接口 分 别 是 IActionFilter 和 IResultFilter。 

可 以 使 用 动作 筛选 器 特性 来 标记 任何 动作 方法 或 控制 器 。 如 果 要 特别 标记 控制 器 ， 则 动作 
筛选 器 将 应 用 于 该 控制 器 中 的 所 有 动作 方法 。 

ActionFilterAttribute 类 包含 几 个 需要 重 写 的 方法 ， 如 表 9-1 所 示 。 


表 9-1 ActionFilterAttribute 类 需要 重 写 的 方法 


OnActionExecuted 在 执行 操作 方法 后 由 MVC 框架 调用 
在 执行 操作 方法 之 前 由 MVC 框架 调用 
在 执行 操作 结果 后 由 MVC 框架 调用 


在 执行 操作 结果 之 前 由 MVC 框架 调用 


其 中 ， 参 数 filterContext 表示 筛选 器 上 下 文 ， 动 作 过 滤器 的 每 个 方法 都 具有 具体 的 上 下 文 
对 象 ， 这 些 上 下 文 对 象 向 过 滤器 提供 了 信息 ， 而 在 一 些 特殊 情形 下 ， 人 允许 过 滤器 取消 动作 。 前 
两 个 方法 具有 与 IActionFilter 接口 相同 的 签名 ， 而 后 两 个 方法 则 来 自 IResultFilter 接口 。 

在 动作 调用 器 已 经 找到 动作 方法 之 后 ， 但 是 在 调用 动作 方法 之 前 ， 才 会 调用 
OnActionExecuting。 此 时 ， 控 制 器 的 上 下 文 提供 给 了 动作 方法 ，TempData 字典 则 使 用 任何 可 
能 存在 的 临时 数据 来 填充 。 

在 调用 了 动作 方法 之 后 ,但 是 在 执行 动作 结果 之 前 ， 调 用 器 将 调用 OnActionExecuted。 
为 所 有 的 动作 方法 都 返回 一 个 动作 结果 ， 所 以 可 以 在 分 别 通 过 OnResultExecuting 和 
OnResultExecuted 来 执行 结果 前 才 调 用 控制 器 。 


OnActionExecuting 
OnResultExecuted 


OnResultExecuting 


9.1.2 ”实例 描述 


我 们 日 常生 活 中 的 衣 、 食 、 住 、 行 ， 这 些 都 要 通过 严谨 的 加 工 过程 。 比 如 衣服 ， 它 本 来 不 


sé >> 


是 衣服 ， 是 用 布 一 步 步 缝 出 来 的 ， 如 果 衣 服 破 了 ， 我 们 可 以 把 它 修理 一 下 ， 还 能 穿 。 
那么 ,， 本 小 节 中 将 为 大 家 讲解 应 用 于 Action 的 过 滤器 ， 这 跟 衣 服 的 道理 是 一 样 的 , 我 们 可 
以 不 用 把 整 件 衣服 都 毁 掉 ， 直 接 将 过 滤器 应 用 到 控制 器 中 的 动作 方法 。 


9.1.3 ”实例 应 用 


【 例 9-1】 应 用 于 Action 的 过 滤器 。 
(1) 创建 一 个 ASPNET MVC 2 Web 应 用 程序 ， 名 字 为 Action filter。 
(2) 在 Home 控制 器 里 面 创建 一 个 过 滤器 ， 名 字 叫 TestFilter 。 该 过 滤器 继承 自 
ActionFilterAttribute 类 ， 该 类 定义 了 4 个 方法 ， 分 别 在 执行 动作 方法 和 执行 动作 结果 前 后 ， 由 
MVC 框架 调用 。 实 现代 码 如 下 : 


public class TestFilter : ActionFilterAttribute 
{ 


public override void OnActionExecuting (ActionExecutingContext 
filterContext) 
{ 
filterContext.HttpContext.Session["temp"] += "TestFilter 
OnActionExecuting<br/>"; 


; 


public override void OnActionExecuted (ActionExecutedContext 
filterContext) 


上 
filterContext.HttpContext.Session["temp"] += "TestFilter 


OnActionExecuted<br/>"; 


public override void OnResultExecuting (ResultExecutingContext 
filterContext) 


{ 
filterContext.HttpContext.Session["temp"] += "TestFilter 


OnResultExecuting<br/>"; 
} 


public override void OnResultExecuted (ResultExecutedContext 
filterContext) 


{ 
filterContext.HttpContext.Session["temp"] += "TestFilter 


OnResultExecuted<br/>"; 
} 


(3) 将 此 过 滤器 应 用 于 Home 控制 器 的 Index0 方 法 ， 实 现代 码 如 下 : 


[TestFilter] 

public ActionResult Index() 
ViewData["Message"] = "欢迎 使 用 ASP.NET MVC!"; 
return View(); 

} 


(4) 在 视图 中 读 取 Session 的 值 ， 实 现代 码 如 下 : 


<%=Session["temp"] += "View Execute<br/>"%> 


< 
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9.1 


小 


运行 结果 


运行 程序 ， 效 果 如 图 9-1 所 示 。 


图 9-1 应 用 于 Action 的 过 滤器 


9.1.5 实例 分 析 


S 源码 解析 


这 里 最 关键 的 就 是 创建 继承 于 ActionFilterAttribute 的 TestFilter 类 ， 并 重 写 
ActionFilterAttribute 类 中 的 方法 ， 然 后 把 TestFilter 类 应 用 到 Home 控制 器 的 Index() 方 法 上 。 
实现 代码 如 下 : 

[TestFilter] 
public ActionResult Index() 
最 后 只 要 在 视图 中 读 取 Session 的 值 即 可 。 


9.2 ”应 用 于 Controller 的 过 滤器 


应 用 于 Controller 的 过 滤器 就 是 将 已 创建 的 过 滤器 应 用 到 控制 器 上 ， 这 将 运用 该 控制 器 中 
所 有 的 动作 方法 。 同 前 面 讲 到 的 应 用 于 Action 的 过 滤器 类 似 ， 只 不 过 应 用 的 对 象 不 一 样 办 了。 


上 视频 教学 ; 光盘 /Videos/09/9.2 应 用 于 Controller 的 过 滤器 BK 度 : 6 分 名 


9.2.1 基础 知识 一 一 过 滤 Controller 的 方法 


将 Filter 应 用 到 Controller 上 包括 以 下 两 种 方式 。 
(1) 直接 将 过 滤器 应 用 在 Controller 上 ， 例 如 : 
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[TestFilter] 
public class HomeController:Controller{ } 


(2) 重 写 Controller 内 的 OnActionExecuting、OnActionExecuted、OnResultExecuting 和 
OnResultExecuted 四 个 方法 。 
在 该 案例 中 ， 我 们 将 以 第 一 种 方式 为 例 ， 讲 解 如 何 将 过 滤器 应 用 于 Controller。 


9.2.2 ”实例 描述 


前 面 我 们 讲 了 应 用 于 Action 的 过 滤器 , 与 本 节 我 们 要 讲 的 应 用 于 Controller 的 过 滤器 相 比 ， 
其 实 道理 是 一 样 的 ， 只 不 过 应 用 的 范围 有 大 有 小 罢了 。 
下 面 我 们 一 起 来 看 实现 的 效果 就 明白 了 。 


9.2.3 ”实例 应 用 


【 例 9-2】 应 用 于 Controller 的 过 滤器 。 
(1) 创建 一 个 ASPNET MVC 2 Web 应 用 程序 ， 名 字 叫 Control filter。 
(2) 在 Home 控制 器 里 面 创建 一 个 过 滤器 ， 名 字 叫 TestFilter 。 该 过 滤器 继承 自 
ActionFilterAttribute 类 ， 该 类 定义 了 4 个 方法 ， 分 别 在 执行 动作 方法 和 执行 动作 结果 前 后 ， 由 
MVC 框架 调用 。 实 现代 码 如 下 : 


public class TestFilter : ActionFilterAttribute 
{ 


public override void OnActionExecuting (ActionExecutingContext 
filterContext) 
{ 
filterContext.HttpContext.Session["temp"] += "TestFilter 
OnActionExecuting<br/>"; 


public override void OnActionExecuted(ActionExecutedContext 
filterContext) 


{ 
filterContext.HttpContext.Session["temp"] += "TestFilter 


OnActionExecuted<br/>"; 
lL 


public override void OnResultExecuting (ResultExecutingContext 
filterContext) 


filterContext.HttpContext.Session["temp"] += "TestFilter 


OnResultExecuting<br/>"; 


} 
public override void OnResultExecuted (ResultExecutedContext 


filterContext) 


{ 
filterContext .HttpContext.Session["temp"] += "TestFilter 


OnResultExecuted<br/>"; 
六 
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(3) 将 此 过 滤器 应 用 于 Home 控制 器 ， 并 在 Index0 和 About0 方 法 中 设置 ViewData 的 值 ， 
实现 代码 如 下 : 


[TestFilter] 
public class HomeController : Controller 
{ 
public ActionResult Index() 
{ 
ViewData["Message"] = "欢迎 使 用 ASP.NET MVC!"; 
return View(); 
L 
public ActionResult Rbout () 
{ 
ViewData["Message"] = "欢迎 来 到 About 视图 "; 
return View(); 
} 


} 
(4) 分 别 在 Home 控制 器 的 两 个 视图 中 读 取 ViewData 和 Session 的 值 ， 实 现代 码 如 下 : 


<%:ViewData["Message"] %><br /> 
<%=Session["temp"] += "View Execute<br/>"%> 


9.2.4 ”运行 结果 


运行 程序 ， 页 面 默 认 显示 Home 控制 器 对 应 的 Index 视图 ， 效 果 如 图 9-2 所 示 。 


欢迎 使 用 ASP.NET MVC! 


TestFiler OnActionExecuting Title for a Blue Text Box 
Testfiher OnActionExecuted A handy rohit-sde text bov for 
y TestFiher OnResuhExecuting News, Updates or mavbe a profil, 
map mdi The chaices are pracically mite 
forthis bive boxf 
Allimages amountto just atouch over 17KE 
Paletinos vidt 
Now for Some Deod Languoge Text aaquor arae 
全 0 ， 当 用 户 单 十 一 个 在 页 面 上 显示 所有 产品 的 链接 ,那么 此 次 间 击 可 能 创 尘 一 个 对 各 态 LIs 的 Re 
eonYoleg 节 方法 的 水 ， 它 汪 关 归 ， 奖 取 记 的 六 如 村 基 让 一 起， 并 时 


获取 产品 数据 纵 及 选择 讽 型 的 过 程 是 动作 方法 的 主要 职责 。 它 基干 负责 榴 向 的 关注 点 ， 如 日 去 记录 、 铀 出 
的 咀 存 、 身 从 验证 以 及 授权 等 。 动 作 方法 也 十 需要 了 解 这些 职 南 。 以 数学 中 的 涪 法 来 讲 ， 它 和 与 动作 方法 samper prore 
的 用 途 瑟 不 相 于。 aevom, qtaeque Aventnum tene 


Algidumque, quincecm Diana 
praces wirorum curat et votis 
Puerorum amicas adplicat auris 


图 9-2 Index 视图 
当 在 地 址 栏 中 输入 http://localhost:3823/home/about 并 回 车 后 ， 效 果 如 图 9-3 所 示 。 
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ee 


了 产 坟 区 六 辽 得 视 有 证 科 是 动 作 万 法 汪 要 职责 。 它 开 不 信 表 江天 注 点 ， 并 页 记 录 , 纺 寺 
开价 证 有 到 和 等， 本 作 治本 人 好生， 由 近 和 的 弃 天 六 全 贡 作 太 计 


9-3 About 视图 


9.2.5 实例 分 析 


ee 


这 里 最 关键 的 就 是 创建 继承 自 ActionFilterAttribute 的 TestFilter 类 ， 并 重 写 
ActionFilterAttribute 类 中 的 方法 ， 然 后 把 TestFilter 类 应 用 到 Home 控制 器 上 。 实 现代 码 如 下 : 


[TestFilter] 
public class HomeController : Controller 


最 后 只 需要 在 视图 中 读 取 Session 的 值 即 可 。 
9.3 规定 页 面 的 访问 形式 


规定 页 面 的 访问 形式 就 是 指定 某 个 页 面 只 能 以 某 种 访问 形式 被 访问 。 在 Web 项 目 开 发 中 ， 
如 果 要 设置 页 面 的 访问 形式 ， 可 以 直接 设置 Form 的 method 属性 值 为 POST 或 GET。 然 而 ， 
ASPNET MVC 框架 中 却 有 不 同 的 设置 规则 。 

本 节 主 要 讲解 AcceptVerbs 类 和 HttpVerbs 枚 举 的 用 法 ， 可 以 用 来 规定 页 面 的 访问 形式 。 


Ce 视频 教学 : 光盘 /videos/09/9.3 ”规定 页 面 的 访问 形式 四 长 度 : 6 分 钟 
9.3.1 基础 知识 一 一 AcceptVerbs 类 和 HttpVerbs 枚 举 


在 访问 数据 的 时 候 , 一 般 有 两 种 方式 : GET 和 POST。 过 滤器 也 可 以 指定 页 面 的 访问 形式 ， 
需要 用 AcceptVerbs 类 来 实现 。 


<@— 
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AcceptVerbs 类 表示 一 个 特性 ， 该 特性 的 操作 方法 将 响应 HTTP 谓词 。 规 定 页 面 的 访问 形 
式 代 码 如 下 : 


[AcceptVerbs (HttpVerbs .Post)] 
其 中 ，HttpVerbs 表示 HTTP 谓词 ， 枚 举 值 如 表 9-2 所 示 。 
表 9-2 HttpVerbs 枚 举 值 


枚 举 值 说 明 
Get 检索 由 请 求 URI 标识 的 信息 或 实体 
Post 发 布 新 实体 作为 对 URI 的 补充 
Put | 普 换 由 URI 标识 的 实体 
Delete | 请 求 删除 指定 的 URI 
Head 检索 由 请 求 URI 标识 的 信息 或 实体 的 消息 头 


9.3.2 ”实例 描述 


我 们 访问 一 个 网 站 ， 通 常 是 先 访问 这 个 网 站 的 首页 。 在 首页 中 单 击 一 个 链接 的 时 候 ， 我 们 
就 可 以 访问 到 另 一 个 页 面 ， 这 叫做 POST 访问 形式 ， 也 是 最 常用 的 访问 形式 。 然 而 ， 我 们 也 可 
以 直接 输入 网 址 来 访问 指定 页 面 。 

下 面 这 个 案例 将 讲解 如 何 规定 页 面 的 访问 形式 。 


9.3.3 实例 应 用 


【 例 9-3】 规 定 页 面 的 访问 形式 。 

(1) 创建 一 个 ASPNET MVC 2 Web 应 用 程序 ， 名 称 为 Accept_Page。 

(2) 在 Home 控 制 器 的 Index 视 图 里 写 一 个 简单 的 用 户 登 录 页 面 , 并 设置 用 户 名 文本 框 name 
属性 值 为 username， 密码 框 name 属性 值 为 pwd， 最 后 创建 一 个 【登录 】 按 钮 。 当 用 户 单 击 【 登 
录 】 按 钮 之 后 ， 页 面 跳 转 到 另外 一 个 视图 。 实 现代 码 如 下 : 

<% using (Html .BeginForm("Check","Home")) 
用 户 全 <input id="username" name="username" type="text" /><br /> 
密码 ; <input id="pwd" name="pwd" type="password" /><br /> 


<input id="Btn login" type="submit" value=" 登 录 "” /> 
<%} %> 


(3) 在 Home 控制 器 中 定义 一 个 名 叫 Check 的 动作 方法 ， 用 于 验证 用 户 登录 是 否 成 功 ， 并 
且 设 置 提交 方式 只 能 是 POST 方式 。 实 现代 码 如 下 : 


[AcceptVerbs (HttpVerbs -Post) ] // 提 交 方 式 只 能 是 PosT 
public ActionResult Check () 
上 
string username=Request.Form["username"]; // 获 取 表 单 中 用 户 名 
string pwd=Request.Form["pwd"]; // 获 取 表 单 中 密码 
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if (username == "admin" && pwd == "admin") // 判 断 用 户 名 和 密码 是 否 匹 配 


{ 
ViewData["Message"] = "用 户 名 : "+username+", 密码: "+pwd; 
return View(); 


Selae 


{ 


ViewData["Message"] = "check faile"7 


1 
this.ModelState.AddModelError ("Message", "sdf") 


return View(); 


} 
(4) 添加 check 视图 ， 获 取 用 户 名 和 密码 的 值 。 实 现代 码 如 下 : 
<$%=ViewData["Message"]g> 


(5) 在 Globalasax 文件 中 设置 路 由 ， 要 写 到 默认 路 由 的 前 面 。 实 现代 码 如 下 : 


Foutes .MapRoute ( 


"Default2", // 路 由 名 称 
"{controller} /{action}/{username}/{pwd}"，// 带 有 参数 的 URL 


new { } // 参数 默认 值 
) 


9.3.4 运行 结果 


运行 程序 ， 效 果 如 图 9-4 所 示 。 
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9-4 用 户 登 录 界 面 


输入 用 户 名 admin， 密 码 admin， 然 后 单 击 【登录 】 按 钮 ， 将 以 POST 方式 提交 到 check 


页 面 ， 并 显示 出 用 户 名 和 密码 ， 效 果 如 图 9-5 所 示 。 
如 果 用 户 没 有 在 文本 框 里 输入 用 户 名 和 密码 ， 而 是 在 地 址 栏 里 直接 访问 Check 页 面 ， 也 就 
是 以 GET 方式 访问 页 面 ， 那 么 页 面 将 会 报错 ， 效 果 如 图 9-6 所 示 。 
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图 9-5 登录 之 后 的 页 面 
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9-6 ”应 用 程序 报错 


9.3.5 实例 分 析 


OO 


该 案例 主要 讲解 如 何 规定 页 面 的 访问 形式 。 这 里 只 限制 被 访问 页 面 以 POST 方式 访问 ， 实 
现代 码 如 下 : 

[AcceptVerbs (HttpVerbs.Post) ] 

用 Response .Form 方法 获取 被 提交 表单 中 的 文本 框 的 值 。 


sé >> 


9.4 规定 Action 的 名 称 


规定 Action 的 名 称 就 是 为 指定 的 动作 方法 设置 Action 名 。 可 以 使 用 ActionName 对 象 为 控 
制 器 动作 方法 重新 指定 一 个 名 称 ， 在 访问 这 个 动作 方法 的 时 候 将 重新 定位 到 这 个 指定 的 名 称 ， 
即 系统 只 识别 这 个 指定 的 动作 名 称 。 


EP 
视频 教学 : 光盘 /videos/09/9.4 规定 Action 的 名 称 Ok 度 : 4 分 钟 


9.4.1 基础 知识 一 一 ActionName 


ActionNameAttribute 表示 一 个 用 于 操作 名 称 的 特性 。 如 果 不 想 用 方法 名 作为 Action 名 ,或 
Action 名 为 关键 字 ， 那 么 可 以 使 用 ActionName 为 动作 方法 指定 一 个 Action 名 。 例 如 以 下 代码 : 


[AcceptVerbs (HttpVerbs .Post)] 
public ActionResult Example() 
3 


return View(); 


|, 


9.4.2 ”实例 描述 


我 们 聊天 所 用 的 QQ， 它 可 以 有 多 个 属性 ， 比 如 说 QQ 号 码 、QQ 昵称 等 ， 但 是 不 管 有 几 
个 属性 ， 它 们 都 指向 一 个 身份 ， 就 是 你 的 QQ， 也 就 是 你 。 还 有 作家 ， 他 们 有 自己 的 名 字 ， 也 
有 自己 的 笔名 。 这 些 多 对 一 的 情况 ， 还 是 很 多 的 。 

本 节 将 讲解 如 何 为 指定 的 动作 方法 名 指定 一 个 Action 名 称 。 


9.4.3 ”实例 应 用 


【 例 9-4】 规 定 Action 的 名 称 。 
(1) 创建 一 个 ASP.NET MVC 2 Web 应 用 程序 ， 名 称 为 ActionName _ Page。 
(2) 在 Home 控制 器 下 面 创建 一 个 动作 方法 User， 但 是 不 想 用 这 个 方法 名 作为 Action 名 ， 
那么 我 们 可 以 给 它 重新 指定 一 个 。 例 如 以 下 代码 : 


[ActionName ("username")] 

public ActionResult User() 

{ 
ViewData["UseIName"] = "this is username!™"; 
return View(); 


(3) 为 这 个 Action 名 为 username 的 动作 方法 创建 一 个 对 应 的 视图 ， 名 字 也 是 usemame， 
并 且 在 该 视图 中 获取 ViewData 的 值 。 实 现代 码 如 下 : 


<%=ViewData["UserName"] $%> 


< 
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9.4.4 运行 结果 


运行 程序 , 在 地 址 栏 中 输入 http://localhost:3758/home/username 并 回 车 ,效果 如 图 9-7 所 示 。 


图 9-7 规定 Action 的 名 称 


9.4.5 实例 分 析 


Ss 源码 解析 


该 案例 为 User 动作 方法 设置 了 Action 名 ,创建 的 视图 要 和 这 个 Action 名 同名 。 当 你 要 访 
问 这 个 动作 方法 的 时 候 ， 就 通过 这 个 Action 名 称 去 访问 ， 实 现代 码 如 下 : 

[ActionName ("username") ] 

public ActionResult User () 

在 地 址 栏 中 输入 的 地 址 为 ~home/username。 


9.5 ”缓存 当前 时 间 


OutputCacheAttribute 用 来 缓存 动作 方法 的 输出 。 该 特性 是 到 ASP.NET 输出 缓存 功能 内 的 
连接 ， 而 且 提供 了 在 使 用 @OutputCache 页 面 指令 时 得 到 大 部 分 相同 的 API 和 行为 。 

因为 输出 缓存 是 ASP.NET 非常 著名 的 功能 , 所 以 本 节 没 有 深入 讨论 缓存 行为 自身 的 细节 ， 
而 是 将 注意 力 集中 于 MVC 的 实现 上 。 此 时 ， 可 能 会 有 一 个 问题 ， 为 什么 不 在 视图 中 只 使 用 
@OutputCache 指令 呢 ? 

对 于 MVC 而 言 ， 在 选中 视图 之 前 ， 首 先 执行 控制 器 动作 。 将 输出 缓存 放 到 视图 上 ， 实 际 
上 就 是 将 缓存 视图 输出 ， 而 动作 方法 仍然 在 每 个 请 求 上 执行 ， 这样 就 否定 了 缓存 输出 的 大 部 分 
优点 。 

通过 将 该 特性 运用 到 动作 方法 中 , 过 滤器 随后 可 以 确定 缓存 是 否 有 效 并 跳 过 动作 方法 的 调 


me 人) >> 


用 ， 直 接 呈 现 缓存 的 内 容 。 
上 视频 教学 :光盘 /videos/09/9.5 缓存 当前 时 间 Bk 度 : 7 分 名 


9.5.1 基础 知识 一 一 OutputCache 


表 9-3 列 出 了 OutputCacheAttribute 类 的 属性 。 这 些 设 置 用 来 控制 OutputCache 过 滤器 如 何 
执行 其 缓存 动作 。 


表 9-3 OutputCacheAttribute 类 的 属性 


属 性 说 明 
Gi 即将 使 用 的 缓存 设置 的 名 称 , 允许 将 缓存 的 配置 放 到 web.config 文件 中 而 不 是 特 
性 中 。 随 后 ， 该 特性 可 以 通过 该 属性 来 引用 配置 设置 
Duration 指定 了 将 输出 存储 到 缓存 中 的 秒 数 
宇和 指定 了 可 能 缓存 内 容 的 地 方 。 枚 举 OutputCacheLocation 包含 允许 的 位 置 : Any、 
Client、Downstream、Server、None 和 ServerAndClient 等 
NoStore 将 HTTP 题 头 Cache-Control: Private. no-store 设置 为 阻止 浏览 器 缓存 响应 ， 等 
价 于 调用 Response.Cache.SetNoStore 
Way 特殊 格式 化 的 字符 串 值 ， 包 含 一 组 输出 缓存 所 依赖 的 数据 库 和 表 的 名 称 对 。 当 
这 些 表 中 的 数据 发 生 了 更 改 时 ， 则 缓存 失效 
在 NET Framework 3.5 中 引入 ， 这 是 以 逗号 分 隔 的 内 容 编码 的 列表 ， 用 于 变更 
VaryByContentEncoding 缓存 
i 确定 是 否 基 于 对 Global.asax.cs 文 件 中 GetVaryByCustomString 的 调用 缓存 新 版 本 
的 输出 ， 为 开发 人 员 提 供 了 对 缓存 的 完全 控制 
VaryByHeader 基于 http 题 头 改变 缓存 。 例如， 可 能 使 用 它 基 于 Accept-Language 题 头 缓存 不 同 
版 本 的 输出 


9.5.2 ”实例 描述 


当 你 访问 一 个 网 站 的 时 候 ， 服 务 器 将 会 把 你 的 信息 缓存 起 来 。 如 果 你 再 次 访问 该 网 站 ， 很 
快 就 能 将 页 面 显示 出 来 。 这 样 看 来 ， 银 行 系统 是 最 严谨 的 ， 如 果 你 5 分 钟 之 内 没有 进行 任何 操 
作 ， 就 会 自动 退出 系统 。 也 就 是 将 缓存 数据 删除 。 

下 面 这 个 例子 将 讲解 如 何 缓存 当前 时 间 。 


9.5.3 ”实例 应 用 


【 例 9-S】 缓 存 当前 时 间 。 
(1) 创建 一 个 ASPNET MVC 2 Web 应 用 程序 ， 名 称 为 Cache page。 
(2) 在 Home 控制 器 里 创建 一 个 动作 方法 Cache_action， 并 设置 该 动作 方法 的 缓存 时 间 


< 


Duration 的 值 。 实 现代 码 如 下 : 


[OutputCache (Duration=1,VaryByParam="none")] 
public ActionResult Cache action() 
{ 
ViewData["Data"] = "sjfjdfjshjfhjdh"; 
return View(); 


9.5.4 运行 结果 


运行 程序 , 在 地 址 栏 中 输入 http://localhost:4588/home/cache_action 并 回 车 , 效果 如 图 9-8 所 示 。 
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图 9-8 缓存 当前 时 间 


当 你 一 直 不 停 地 刷新 页 面 的 时 候 ， 页 面 数据 将 在 10 秒 之 后 改变 ， 也 就 是 缓存 当前 时 间 10 
秒 之 后 ， 页 面 才 会 刷新 ， 效 果 如 图 9-9 所 示 。 
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9-9 缓存 之 后 的 页 面 刷新 


9.5.5 实例 分 析 


Ce 


这 个 案例 很 简单 ， 只 需要 设置 缓存 的 时 间 即 可 。OutputCache 是 缓存 类 ， 设 置 缓存 的 时 间 
可 以 使 用 Duration 属性 (例如 20， 表 示 缓 存 20 秒 )。 设 置 完 缓存 之 后 ， 可 以 不 断 地 刷新 页 面 ， 
20 秒 之 内 ， 页 面 不 会 有 任何 变动 。20 秒 过 后 ， 页 面 就 会 重新 获取 当前 时 间 。 


9.6 异常 过 滤器 


异常 过 滤器 是 一 种 比较 常见 的 过 滤器 。 当 页 面 出 错时 ， 用 于 处 理 错误 信息 。 在 Web 项 目 
开发 过 程 中 ， 通 常会 将 异常 过 滤器 应 用 于 动作 方法 上 。 


上 视频 教学 ;光盘 /videos/09/9.6 “异常 过 滤器 Ok 度 : 6 分 名 


9.6.1 基础 知识 一 一 HandleError 


HandleErrorAttribute 是 包含 在 ASPNET MVC 中 的 默认 异常 过 滤器 。 如 果 动 作 方法 抛 出 一 
个 未 处 理 的 异常 ， 且 该 异常 与 指定 的 异常 类 型 匹配 或 源 自 它 ， 那 么 就 可 以 使 用 该 过 滤器 来 指定 
需要 处 理 的 异常 类 型 以 及 需要 显示 的 视图 (如 果 需 要 ， 还 包括 主 视 图 )。 
默认 情况 下 , 如 果 没 有 指定 异常 类 型 , 那么 过 滤器 将 处 理 所 有 的 异常 。 如 果 没 有 指定 视图 ， 
那么 过 滤器 将 默认 处 理 名 为 Error 的 视图 。 默认 的 ASP.NET MVC 项 目 在 Shared 文件 夹 中 包含 
了 一 个 名 为 Error.aspx 的 视图 。 
请 看 下 面 的 示例 : 
[HandleError (ExceptionType=typeof (ArgumentException),View="ArgError")] 
public ActionResult GetProduct (string name) 
{ 
if(name == null) 
{ 
throw new ArgumentNullException ("name"); 
} 


return View(); 


| 

因为 ArgumentNullException 继承 自 ArgumentException 类 , 所 以 将 null 传递 到 该 动作 方法 
中 将 导致 显示 ArgError 视图 。 

在 某 些 情况 下 ,可 能 希望 将 多 个 异常 过 滤器 运用 到 同一 个 动作 方法 中 。 为 了 将 最 具体 的 异 
常 类 型 放 在 最 前 面 而 将 较 不 明确 的 放 在 后 面 ， 此 时 需要 指定 这 些 情况 的 顺序 ， 这 是 很 重要 的 。 
例如 ， 在 下 面 的 代码 片段 中 : 


<@— 
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//This is WRONG! 

[HandleError (Order=1， ExceptionType=typeof (Exception)) 
[HandleError (Order=2, 

ExceptionType=typeof (ArgumentException),View="ArgError")] 
public ActionResult GetProduct (string name) 


第 一 个 过 滤器 要 比 其 后 的 过 滤器 更 为 通用 ， 它 将 处 理 所 有 的 异常 ， 而 始终 不 会 给 第 二 个 过 
滤器 任何 机 会 来 处 理 异 常 。 为 了 修复 此 问题 , 只 需 将 过 滤器 从 最 具体 到 最 不 具体 进行 排序 即 可 。 

//This is BETTER! 

[HandleError (Order=1, 

ExceptionType=typeof (ArgumentException),View="ArgError")] 

[HandleError (Order=2, ExceptionType=typeof (Exception)] 

public ActionResult GetProduct (string name) 


{ 


} 


当 该 异常 过 滤器 处 理 一 个 异常 时 ， 它 创建 了 一 个 HandleErrorInfo 类 的 实例 并 设置 在 呈现 
Error 视图 时 ViewDataDictionary 实例 的 Model 属性 。 表 9-4 展示 了 HandleErrorInfo 类 的 属性 。 


表 9-4 HandleErrorlnfo 类 的 属性 


抛 出 异常 的 动作 的 名 称 
在 其 中 抛 出 异常 的 控制 器 的 名 称 


Action 


Controller 


Exception 


该 过 滤器 没有 捕捉 到 在 没有 启用 自 定义 错误 时 位 于 调试 构建 中 的 异常 .过 滤器 只 是 
注意 检查 HttpContextIsSCustomErrorEnabled 以 确定 是 否 处 理 该 异常 。 这 样 做 的 理由 是 ， 
允许 通过 信息 更 丰富 的 Yellow Screen of Death 来 显示 开发 阶段 与 异常 有 关 的 信息 。 


9.6.2 ”实例 描述 


为 了 确保 项 目 能 够 正常 运行 , 通常 我 们 会 用 try 语句 捕获 异常 , 这 是 一 种 处 理 异常 的 方式 。 
在 本 节 中 ， 我 们 讲 的 是 异常 过 滤器 就 是 用 过 滤器 捕获 异常 。 


9.6.3 ”实例 应 用 


【 例 9-6】 异 常 过 滤器 。 
(1) 创建 一 个 ASP.NET MVC 2 Web 应 用 程序 ， 名 称 为 Error filter。 
(2) 在 Home 控制 器 中 创建 一 个 处 理 异 常 的 动作 方法 ， 实 现代 码 如 下 : 


st) >> 


[HandleError (ExceptionType = typeof (ArgumentException), View = "ArgError")] 
public ActionResult GetProduct (string name) 
{ 

if (name == null) 

{ 

throw new ArgumentNullException ("name"); 
} 
return View(); 


} 
(3) 在 Global.asax 文件 中 设置 对 应 的 路 由 ， 并 写 在 默认 路 由 之 前 。 实 现代 码 如 下 : 


routes .MapRoute( 
"Default2"，// 路 由 名 称 
"{controller}/{action}/{name}"，// 带 有 参数 的 URL 
new { } // 参数 默认 值 

) 7 


9.6.4 运行 结果 


运行 程序 ， 在 访问 Home 控制 器 的 GetProduct 动作 方法 时 ， 如 果 没 有 传递 name 参数 ， 那 
么 页 面 将 输出 异常 ， 即 URL 地 址 为 http://localhost:2562/home/getproduct， 效 果 如 图 9-10 所 示 。 


GO Ee/ 


帘 收 本 天 | 疾 信 不 能 为 ml。Qr 净 浇 各 : ne 


“/” 应 用 程序 中 的 服务 器 错误 。 


六 不 散 为 null: 
委 绕 它 : name 
说 明 : 执 行当 商 We 请 戎 ,出 现下 经 处 再 的 民利 。 请 术 查 关中 信息 ,以 了 解 大话 本 并 以 及 代码 中 对 到 匀 识 的 册 外 的 泣 信 息 。 


拱 富 详细 信息 : System AgumentNulExceptpn: 值 不 能 为 rul 
参数 名 : nane 


if (nane == mu1D) 
{ 


‘throw new Argumenthul lexception Cnane"); 


return ViewO; 


下 文件:F: 直 区 WIVC 弟 8 量 过 浊 器 Eror_fterErmr_ 全 enContolersHomecontrlercs 行 : 23 
堆栈 溉 产 : 


图 9-10 未 异常 处 理 的 页 面 
反之 ， 如 果 传 入 name 参数 ， 将 没有 异常 ， 效 果 如 图 9-11 所 示 。 


<@— 
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Now for Some Dead Language Tex 


,es a 9 
Sr pt Fk ， 它 洛 进入 瑾 时 象 中 ， 品 ， 将 其 及 主 一 起 ， 并 樟 结 


的 主要 职责 。 仑 开 不 负责 异同 队 天 定点 ,和 日志 记录 、 辆 出 
eR 人 有 


9-11 没有 异常 的 页 面 


9.6.5 ”实例 分 析 


Ss 源码 解析 


使 用 HandleError 捕获 异常 。 可 以 设置 多 个 属性 (例如 View 属性 )， 当 页 面 有 异常 的 时 候 ， 
就 跳 转 到 异常 页 面 。 

在 这 个 案例 中 ， 创 建 了 一 个 动作 方法 ， 当 访问 这 个 动作 出 错 的 时 候 ， 就 会 捕获 异常 。 实 现 
代码 如 下 : 

[HandleError (ExceptionType = typeof (ArgumentException), View = 


"ArgError")] 


9.7 ”授权 过 滤器 


授权 过 滤器 用 于 限制 对 控制 器 或 控制 器 动作 的 访问 。 在 每 个 项 目的 开发 过 程 中 ， 一 定 要 考 
虑 权限 问题 ， 通 常会 将 权限 写 入 数据 库 中 ， 然 后 判断 用 户 权限 ， 这 是 比较 普通 的 方法 。 然 而 ， 
在 ASP.NET MVC 中 ， 可 以 使 用 授权 过 滤器 来 操作 用 户 的 访问 权限 。 


9 
?视频 教学 : 光盘 /videos/09/9.7 授权 过 滤器 OO 长 度 : 7 分 钟 


9.7.1 基础 知识 一 一 Authorize 


AnuthorizeAttribute 是 包含 在 ASPNET MVC 中 默认 的 授权 过 滤器 。 可 以 使 用 它 来 限制 对 动 


sé 从) >> 


作 方 法 的 访问 。 将 该 特性 运用 到 控制 器 上 ， 可 以 迅速 地 将 其 运用 到 每 个 动作 方法 中 。 

在 运用 该 过 滤器 时 需要 牢记 如 下 内 容 。 

@ 在 运用 该 特性 时 ， 可 以 指定 一 个 逗号 来 划分 角色 (Role) 或 用 户 (UsenD 的 列表 。 如 果 指 定 
了 一 个 角色 的 列表 ， 那 么 为 了 执行 动作 方法 ， 用 户 必 须 是 列表 中 的 成 员 。 同 样 ， 如 果 
指定 了 一 个 用 户 列表 ， 那 么 当前 用 户 的 名 称 必须 在 该 列表 中 。 

@ ”如 果 没 有 指定 任何 角色 或 用 户 ， 那 么 为 了 调用 动作 方法 ， 必 须 验 证 当前 用 户 。 这 是 阻 
止 非 验证 用 户 访 问 特殊 控制 器 动作 的 一 个 简单 方法 。 

@ ”如 果 用 户 试 图 访问 运用 了 该 特性 的 动作 方法 且 在 授权 检查 中 失败 , 那么 过 滤器 将 引发 
服务 器 返回 一 个 401 Unauthorized 的 HTTP 状态 代码 。 

@ ”对 于 启用 了 表单 验证 且 在 web.config 中 指定 了 注册 URL 的 情形 ，ASP.NET 将 处 理 该 
响应 代码 并 将 用 户 重新 引 向 注册 页 面 。 这 是 ASPNET 已 有 的 行为 ， 对 于 ASPNET 
MVC 也 不 是 新 鲜 事 物 。 


9.7.2 ”实例 描述 


一 个 企业 里 面 有 许 许 多 多 的 员工 ， 由 于 每 个 人 的 工作 性 质 或 者 职位 不 同 ， 那 么 他 们 的 工作 
权限 也 不 同 。 这 就 是 我 们 本 节 要 讲 到 的 授权 问题 。 


9.7.3 实例 应 用 


【 例 9-7】 授 权 过 滤器 。 

(1) 创建 一 个 ASPNET MVC 2 Web 应 用 程序 ， 名 称 为 Author filter。 

(2) 在 Home 控制 器 里 创建 一 个 动作 方法 Admin_action， 并 设置 该 动作 方法 只 有 Admins 
角色 能 够 访问 。 实 现代 码 如 下 : 


[Authorize (Roles="Admins")] 

public ActionResult Rdmin action() 

{ 
ViewData["Date"] = DateTime.Now; // 获 取 当 前 时 间 
return View(); 

. 

(3) 在 Admin action 视图 中 读 取 ViewData 的 值 。 实 现代 码 如 下 : 


<$%=ViewData["Date"] %> 


9.7.4 运行 结果 
运行 程序 ， 当 访问 Home 控制 器 下 的 Admin action 动作 方法 时 ,页 面 会 自动 跳 转 到 登录 页 


面 。 输 入 用 户 名 和 密码 ， 如 果 该 用 户 名 所 属 的 角色 为 Admins， 那 么 该 用 户 就 可 以 访问 该 动作 
方法 ， 效 果 如 图 9-12 所 示 。 


< 
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村 


9-12 ”授权 过 滤器 


9.7.5 实例 分 析 


& 源码 解析 


该 案例 是 要 访问 Home 控 制 器 里 的 Admin action 动作 方法 ,但 不 是 所 有 的 用 户 都 能 够 访问 。 
这 里 为 该 动作 方法 授权 ， 即 只 有 所 属 角 色 为 Admins 的 用 户 才能 够 访问 该 动作 方法 。 实 现代 码 
2 

[Authorize (Roles="Admins")] 

当然 ， 我 们 也 可 以 将 它 应 用 到 控制 器 上 ， 这 样 该 控制 器 就 被 授权 了 。 


9.8 自 定义 动作 过 滤器 


前 面 介绍 了 包含 在 ASP.NET MVC 中 的 过 滤器 。 每 个 过 滤器 都 是 不 同 过 滤器 类 型 的 实例 。 
AuthorizeAttribute 是 授权 过 滤器 的 一 个 实例 ，OutputCacheAttribute 是 动作 /结果 过 滤器 的 一 个 
实例 ， 而 HandleError 是 异常 过 滤器 的 一 个 实例 。 在 本 节 中 ， 将 为 大 家 讲解 如 何 自 定义 一 个 过 
滤器 。 


入 视频 教学 光盘 /videos/09/9.8 自 定义 动作 过 滤器 @ 度 : ;分钟 


9.8.1 基础 知识 一 一 自 定义 过 滤器 


每 个 过 滤器 类 型 都 通过 一 个 接口 来 连接 。 具 体 而 言 ， 实 现 过 滤器 的 特性 必须 编写 继承 自 
FilterAttribute 的 类 并 实现 如 下 4 个 接口 中 的 之 一 。 


sd >> 


@@ IauthorizationFilter 

@@ IactionFilter 

® IresultFilter 

® IexceptionFilter 

动作 过 滤器 和 结果 过 滤器 是 最 常见 的 过 滤器 类 型 。 如 果 发 现在 执行 动作 方法 的 前 后 或 者 在 执 
行动 作 方法 结果 的 前 后 需要 了 解 一 些 自 定义 的 逻辑 ,那么 这 些 就 是 可 能 实现 的 两 种 类 型 的 过 滤器 。 

事实 上 ,它们 都 非常 相似 ， 以 臻 MVC 小 组 包含 一 个 继承 了 FilterAttribute 且 实 现 了 两 个 接 
口 的 基 类 ActionFilterAttribute。 在 编写 动作 过 滤器 或 结果 过 滤器 时 (两 种 过 滤器 的 组 合 )， 只 继 
承 ActionFilterAttribute 将 更 为 容易 。 


9.8.2 ”实例 描述 


以 前 我 们 做 项 目的 时 候 ， 有 系统 自 带 的 用 户 控件 ， 当 然 我 们 也 可 以 自 定义 用 户 控件 ， 这 样 
使 用 起 来 更 加 方便 。 同 样 ， 过 滤器 也 可 以 自 定义 。 
接 下 来 将 把 关于 动作 过 滤器 的 知识 运用 到 实际 中 ， 并 编写 一 个 动作 过 滤器 。 


9.8.3 ”实例 应 用 


【 例 9-8】 自 定义 动作 过 滤器 。 
(1) 创建 一 个 ASP.NET MVC 2 Web 应 用 程序 ， 名 称 为 Users_filter。 
(2) 添加 一 个 名 为 TimerAttribute 的 类 , 该 类 继承 自 ActionFilterAttribute 类 .实现 代码 如 下 : 


using System.Diagnostics; 
using System.Web.Mvc; 
public class TimerAttribute:ActionFilterAttribute 
{ 
public TimerAttribute() 
{ 
this.Order = int.MaxValue; 
} 
public override void OnActionExecuting (ActionExecutingContext 
filterContext) 
{ 
Var controller = filterContext.Controller; 
if (controller != null) 
1 
Var stopwatch = new Stopwatch(); 
controller.ViewData[" StopWatch"] = stopwatch; 
stopwatch.start (); 
} 
} 
public override void OnActionExecuted (ActionExecutedContext 


filterContext) 
{ 
Var controller = filterContext.Controller; 
if (controller != null) 


{ 


< 
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Var stopwatch=(Stopwatch)controller.ViewData[" StopWatch"]; 
stopwatch.Sstop(); 
controller.ViewDatal[" Duration"] = 
stopwatch.Elapsed.TotalMilliseconds; 
} 
} 


(3) 下 面 来 测试 Timer 过 滤器 。 在 调用 动作 方法 之 前 ， 该 过 滤器 简单 地 添加 和 启动 了 
ViewData 中 的 Stopwatch 类 的 一 个 实例 。 在 调用 动作 方法 之 后 ， 过 滤器 检索 到 秒表 (Stopwatch) 
的 实例 ， 并 将 已 用 时 间 添 加 到 ViewData 字典 中 。 

此 时 ， 可 以 将 这 个 新 的 动作 过 滤器 应 用 到 动作 方法 中 。 在 该 案例 中 ， 为 了 让 这 个 展示 更 有 
趣 ， 动 作 方 法 将 暂停 一 个 随机 的 毫秒 时 间 。 


[Timer] 

public ActionResult Index() 
ViewData["Title"] = "Home Page"; 
ViewData["Message"] = "欢迎 使 用 ASP.NET MVC!"; 
Var rnd = new Random(); 
int randomNumber = rnd.Next (30); 
Thread.Sleep (randomNumber); 
return View(); 


9.8.4 ”运行 结果 


运行 程序 ， 效 果 如 图 9-13 所 示 。 


Home Pi 


age 
欢迎 使 用 ASP.NET MVC! Tide for a Blue Text Box 


Alimages amountto just atouch over 17KE. A handy roht-sde text bow for = 
news, undates or mavbe # profi 
Now for Some Dead Language Text The choices are pracically mite 


名 hg， 当 用 户 单一 个 在 页 面 上 显示 所 有 产品 的 链接 ， 那么 此 以 单 击 可 能 肿 一 个 对 各 为 is 的 sp so 
ProductsConfrolie 的 动作 方法 的 清二， 它 将 坟 入 甬 绒 讨 象 中 ,获取 所 有 的 产品 ,站 其 放 在 一 起， 并 格 早 Poletinas vid' 
果 旺 示 6 用 户 。 Meer 
获 职 产品 数据 以 及 夺 返 视 到 的 过 程 是 动作 方法 鸭 主 要 职 卖 。 它 间 不 负责 机 向 的 关注 点 ,加 日 志 记 入 . 锭 出 Romanam 
的 古 各 从 人 有 扣 等 。 动作 方法 上 要 了 和 了 和 必 学 中 人 这 这 。 它 中方 Latumque 
的 用 途 互 


Algidumque, quinceam Diana = — 
praces virorum curat et votis 
Puerorum amicas adplicat auris. 


9-13” 自 定义 动作 过 滤器 


mm >> 


9.8.5 实例 分 析 


es 


在 该 案例 中 自 定义 过 滤器 ， 就 是 自 定 义 TimerAttribute 类 ， 并 且 该 类 继承 自 ActionFilter- 
Attribute 的 类 ， 然 后 重 写 过 滤器 中 的 4 个 方法 : OnActionExecuted 、OnActionExecuting、 
OnResultExecuted 和 OnResultExecuting。 


9.9 常见 问题 解答 


9.9.1 MVC 过 滤器 


MVC 过 滤器 
网 络 课堂 : http://bbs.itzen.com/thread-2976-1-1.html 

为 什么 我 在 使 用 MVC 过 滤器 时 ， 运 行 之 后 先 跳 到 抛 出 异常 的 页 面 ， 再 次 运行 它 才 跳 到 错 
误 页 面 ? 

【解决 办 法 】 因 为 是 调试 模式 ，Debug 是 开启 的 ， 如 果 是 以 Release 方式 就 应 该 可 以 了 。 


9.9.2 使 用 ASP.NET MVC 处 理 页 面 异常 


如 何 使 用 ASP.NET MVC 处 理 页 面 异 常 ? 
网 络 课堂 : http://bbs.itzcn.com/thread-2976-1-1.html 


页 面 出 现 异 常 ， 怎 么 处 理 呀 ? 哪 位 高 手 帮忙 解释 一 下 了 ， 谢 谢 ! 
【解决 办 法 】 在 ASPNET MVC 中 , 我 们 可 以 使 用 HandleErrorAttribute 特性 来 具体 指定 如 
何 处 理 Action 抛 出 的 异常 只 要 某 个 Action 设置 了 HandleErrorAttribute 特性 ,那么 当 这 个 Action 
抛 出 异常 时 ，MVC 将 会 显示 Error 视图 ， 该 视图 位 于 ~/Views/Shared 目录 下 。 


1. 设置 HandleError 属性 


可 以 通过 设置 下 面 这 些 属性 来 更 改 HandleErrorAttribute 特性 的 默认 处 理 。 

@ ”ExceptionType 指定 过 滤器 处 理 哪 种 或 哪些 类 型 的 异常 ,如 果 没 有 指定 该 属性 ， 那么 
过 滤器 将 会 处 理 所 有 的 异常 。 

@ View 指定 发 生 异 常 时 过 滤器 要 显示 的 视图 名 称 。 

@ Master 指定 视图 母 版 的 名 称 。 

@ Order 指定 过 滤器 应 用 的 顺序 ， 如 果 一 个 Action 有 多 个 HandleErrorAttribute 过 滤器 
的 话 。 


< 于 一 
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几 个 键 。 


2. 指定 Order 属性 

如 果 某 个 Action 设置 了 多 个 HandleErrorAttribute， 那 么 Order 属性 可 以 用 来 确定 使 用 哪个 
过 滤器 。 其 值 可 以 设置 为 从 -1( 最 高 优先 级 ) 到 任何 正 整数 之 间 的 整数 来 标识 其 优先 级 ， 值 越 大 , 
优先 级 别 越 低 。Order 属性 遵循 以 下 规则 : 


应 用 到 Controller 上 的 过 滤器 将 会 自动 应 用 到 该 Controller 的 所 有 Action 上 。 

如 果 Controller 和 Action 都 应 用 了 HandleErrorAttribute, 那么 只 要 Order 属性 值 相同 ， 
将 会 先 执行 Controller 上 的 过 滤器 ， 而 后 才 会 执行 Action 上 的 过 滤器 。 

对 于 相同 Order 属性 的 过 滤器 ， 其 执行 先后 次 序 不 定 。 

如 果 没 有 指定 Order 属性 ， 则 默认 为 -1， 这 意味 着 该 过 滤器 将 比 其 他 的 过 滤器 优先 执 
行 ,除非 其 他 过 滤器 指定 了 Order 为 -1。 

如 果 有 多 个 过 滤器 可 适用 ， 那么 第 一 个 可 以 处 理 该 异常 的 过 滤器 会 被 首先 调用 ， 然 后 
针对 该 异常 的 处 理 将 会 终结 。 


3. 在 View 中 获取 异常 信息 


ASP.NET MVC 框架 将 异常 信息 存储 在 ViewDataDictionary 中 来 传递 给 Error 视图 ， 该 
ViewDataDictionary 的 Model 属性 即 是 ExceptionContext 类 的 一 个 实例 , 这 个 ViewData 有 下 面 


ActionName: 目标 Action 方法 的 名 称 。 
ControllerName: 目标 Controller 的 名 称 。 
Exception: 异常 对 象 。 


以 上 步骤 可 供 参 考 。 


9.10 习 题 


一 、 填 空 题 


(1) AuthorizeAttribute 是 包含 在 ASP.NET MVC 中 默认 的 过 滤器 。 
(2) HandleErrorAttribute 是 包含 在 ASP.NET MVC 中 的 默认 过 滤器 。 
(3) 用 来 为 动作 方法 提供 输出 的 缓存 是 过 滤器 。 

(4) HandleErrorInfo 类 的 属性 包括 Action、 和 Exception。 

(5) 开发 自 定义 动作 过 滤器 的 最 简单 方式 是 使 其 继承 

二 、 选 择 题 

(1) 可 以 用 于 自 定义 过 滤器 的 接口 ， 下 列 选项 中 不 是 。 


A. IAuthorizationFilter 
B. IEnum 

C. IResultFilter 

D. IExceptionFilter 


(2) OutputCacheAttribute 类 的 哪个 属性 是 用 于 指定 缓存 时 间 的 ? 
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A. CacheProfile 
B. Duration > 
C. Location 
D. NoStore 
(3) 下 列 是 处 理 异 常 的 时 候 需 要 设置 的 属性 。 
A. Action 
B. Exception 
C. View 
D. Url 


(4) 在 动作 调用 器 已 经 找到 动作 方法 之 后 ， 但 是 在 调用 动作 方法 之 前 ， 才 会 调用 
A. OnActionExecuted 
B. OnActionExecuting 
C. OnResultExecuted 
D. OnResultExecuting 
(5) 在 调用 了 动作 方法 之 后 ， 但 是 在 执行 动作 结果 之 前 ， 调 用 器 将 调用 
A. OnActionExecuted 
B. OnActionExecuting 
C. OnResultExecuted 
D. OnResultExecuting 


三 、 上 机 练习 


上 机 练习 : 编写 一 个 将 过 滤器 应 用 于 Action 的 例子 。 
(1) 创建 一 个 ASP.NET MVC 2 Web 应 用 程序 ， 名 称 为 Action Filters。 
(2) 将 过 滤器 应 用 Index() 动 作 方法 ， 类 似 效果 如 图 9-14 所 示 。 


大 要 也 类 ASP NET MVC 的 下 各 夺 是 ,清河 HttDLLasDunetimuc 


图 9-14 ”应 用 于 Action 的 过 滤器 
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内 容 摘要 
在 编写 程序 时 ， 由 于 疏忽 导致 有 些 异 常 没有 进行 处 理 。 如 果 将 异常 详细 信息 提示 给 用 户 会 
带 来 不 安全 因素 ， 如 果 不 提示 详细 信息 又 会 给 用 户 报告 异常 带 来 麻烦 ， 虽 然 可 以 通过 配置 
customErrors 节点 来 实现 只 有 管理 员 可 以 查看 错误 ， 但 发 现 问题 的 时 间 可 能 会 比较 长 。 
通过 全 局 异常 处 理 就 可 以 在 异常 发 生 时 立即 记录 异常 ， 或 者 直接 发 送 邮件 向 管理 员 报告 ， 
以 最 快 的 速度 发 现 并 处 理 异 常 。 
本 章 将 从 实用 角度 出 发 ， 为 读者 提供 5 种 在 MVC 中 处 理 异 常 的 技巧 。 了 解 并 掌握 这 些 技 
巧 ， 可 以 使 构建 的 MVC 项 目 更 加 安全 、 健 壮 。 在 实际 使 用 时 ， 可 以 综合 运用 其 中 的 一 种 或 者 
几 种 。 
习 目 标 
掌握 MVC 中 全 局 异常 的 处 理 方法 
了 解 控制 器 异常 处 理 方法 
熟悉 如 何 利用 过 滤器 处 理 异 常 
了 解 路 由 异常 的 处 理 方法 
了 解 动作 异常 的 处 理 方法 


eeeee 水 
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设计 良好 的 错误 处 理 代码 ， 可 以 使 程序 更 可 靠 并 且 不 容易 崩溃 ， 因 为 应 用 程序 可 处 理 这 
样 的 错误 。 

一 般 异常 处 理 需要 在 程序 中 不 断 地 try、catch， 并 且 不 断 地 使 用 f} 然 后 不 断 地 调用 。 当 嵌 
套 多 次 之 后 ， 整 个 程序 的 层次 结构 会 非常 混乱 ， 自 己 看 得 都 有 点 头晕 。 

在 诸如 此 类 的 众多 处 理 方法 中 ， 没 有 比 定义 一 个 全 局 方法 来 处 理 更 简单 的 事情 了 。 

下 面 我 们 就 来 看 一 下 ASPNET MVC 应 用 程序 中 处 理 全 局 异常 的 具体 做 法 。 


忆 各 视频 教学 : 光盘 /videos/10/10.1 全 局 异常 处 理 人 @@ 长 度 : 9 分 钟 


10.1.1 基础 知识 一 一 IExceptionFilter 接口 


要 处 理 全 局 发 生 的 异常 ， 就 要 找 出 MVC 应 用 程序 所 具有 的 共性 。 
我 们 知道 , 在 MVC 应 用 程序 中 业务 逻辑 都 放 在 Controller 上 ,Model 负责 存 取 数据 , View 
则 用 于 显示 。 因 此 ， 处 理 全 局 异常 实际 上 就 是 对 Controller 进行 处 理 。 
如 何 针对 一 个 MVC 应 用 程序 中 所 有 Controller 添加 统一 异常 处 理 方法 呢 ? 
其 实 很 简单 ，MVC 在 设计 时 早 就 考虑 到 这 个 问题 (感叹 一 句 ， 微 软 的 东西 果然 一 向 强大 )， 
为 开发 人 员 提供 了 一 个 方法 ， 那 就 是 IExceptionFilter 接口 。 
IExceptionFilter 接口 位 于 System.Web.Mve 命名 空间 , 它 仅 包含 一 个 OnException 方法 , 其 
完整 定义 如 下 : 
public interface IExceptionFilter 
{ 


void OnException (ExceptionContext filterContext); 


也 就 是 说 ， 所 有 继承 IExceptionFilter 接口 的 类 都 必须 带 有 一 个 OnException() 方 法 的 实现 。 
Controller 就 是 这 样 一 个 类 ， 在 该 类 中 OnException0 方 法 是 一 个 虚 方 法 ， 其 声明 语法 如 下 : 


protected virtual void OnException( 
ExceptionContext filterContext 


) 
参数 filterContext 是 System.Web.Mvc.ExceptionContext 类 型 ， 它 记录 了 有 关 当 前 请 求 和 操 


作 的 信息 。 
该 方法 是 每 个 Controller 类 都 具有 的 , 因此 只 需 重 写 这 个 方法 , 便 可 在 Controller 中 对 自己 
的 异常 进行 处 理 。 


以 下 为 OnException() 方 法 的 一 个 基本 型 重 写 结构 : 


protected override void OnException (ExceptionContext filterContext) 
. 
base.OnException (filterContext); 
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// 在 这 里 编写 异常 处 理 语句 
} 


可 以 根据 实际 情况 ， 在 注释 处 编写 自己 的 异常 处 理 语句 。 下 面 通过 实例 来 看 看 具体 怎么 
使 用 吧 。 


10.1.2 ”实例 描述 


最 近 做 项 目 时 有 一 个 想法 ， 就 是 当 系 统 内 部 有 异常 发 生 时 ， 让 系统 自己 捕获 异常 ,然后 将 
异常 信息 分 类 ， 并 且 把 异常 提示 友好 地 展现 给 用 户 。 

比如 当 网 络 中 断 时 ， 提 示 用 户 网 络 中 断 ; 当 数 据 库 连 接 不 上 时 提示 数据 库 连接 异常 等 。 
为 我 不 想 在 每 个 业务 处 理 单元 里 写 那么 多 ty 和 catch, 所 以 想 写 一 个 错误 处 理 方法 来 统一 对 异 
常 进行 处 理 。 

以 上 描述 相信 做 过 开发 的 朋友 一 定 不 会 陌生 ， 可 见 全 局 异常 的 处 理 多 么 重要 。 

下 面 我 们 就 一 起 来 研究 在 ASP.NET MVC 里 如 何 对 整个 应 用 程序 可 能 出 现 的 各 种 异常 进 
行 统一 处 理 。 


10.1.3 ”实例 应 用 


【 例 10-1】 全 局 异常 处 理 。 
(1) 打开 我 们 使 用 ASP.NET MVC 构建 的 Blog 项 目 ， 在 它 的 基础 上 添加 功能 。 
(2) 为 了 方便 日 后 查看 与 修正 错误 ， 我们 需要 记录 异常 日 志 。 在 这 里 我 们 创建 一 个 专门 记 
录 日 志 的 管理 器 类 LogManager。 
LogManger 类 保存 在 Models 文件 夹 中 ， 完 整 代码 如 下 : 


public class LogManager 
{ 
string LogFilePath = null; 
public LogManager (string logFilePath) 
. 
this.LogFilePath = logFilePath; 
FileInfo file = new FileInfo(logFilePath); 
if (!file.Exists) 


// 这 里 创建 一 个 Filestream 对 象 ， 它 处 于 打开 状态 ， 我 们 需要 将 它 关 闭 
file.Create() .Close(); 

} 

public void SaveLog (string message, DateTime writeTime) 


{ 
string log = writeTime.ToString() + " "+ message; // 异 常 信 息 


StreamWriter sw = new StreamWriter (LogFilePath, true); // 创 建 写 入 流 
sw.WriteLine (10g); // 将 信息 写 入 文件 流 中 
sw.Close(); // 关 闭 流 


1 


可 以 看 到 ， 当 记录 异常 信息 时 这 里 是 保存 到 文件 中 ， 需 要 先 引用 System .IO 命名 空间 。 读 


< 和 — 
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者 也 可 以 将 其 保存 到 数据 库 。 
(3) 创建 一 个 处 理 异 常 信息 的 控制 器 baseExceptionController， 其 他 控制 器 都 继承 自 它 。 下 
面 是 它 的 代码 : 


using blog.Models; 

namespace blog.Controllers 

:! 
public class baseExceptionController : Controller 
| 


protected override void OnException (ExceptionContext filterContext) 


// 初 始 化 日 志 记录 器 
LogManager logManager = new 
LogManager (Server .MapPath ("~/Exception.10g")); 
// 记 录 日 志 
logManager .SaveLog (filterContext .Exception.Message, 
DateTime.Now); 
base.OnException (filterContext); 
} 


这 样 , 用 于 处 理 控制 器 上 的 全 局 异常 类 就 创建 完成 了 。baseExceptionController 控制 器 捕获 
异常 以 后 ， 会 将 异常 信息 写 入 系统 根 目 录 下 的 Exception.log 文件 中 。 


(4) 为 了 使 异常 控制 器 发 挥 作 用 ， 我 们 让 所 有 的 控制 器 都 继承 自 它 。 例 如 ， 我 们 的 MVC 
项 目 中 有 一 个 ArticleController， 修 改 其 声明 为 如 下 形式 : 


public class ArticleController : baseExceptionController 


// 这 里 是 原来 的 内 容 ， 保 持 不 变 


如 上 述 代 码 所 示 ， 修 改 后 的 ArticleController 继承 自 baseExceptionController。 

(5) ArticleController 中 的 业务 逻辑 简单 ， 基 本 上 不 会 出 错 。 怎 么 测试 我 们 的 
baseExceptionController 是 否 工 作 正 确 呢 ? 

没有 关系 ， 为 了 测试 我 们 直接 抛 出 一 个 异常 来 测试 项 目 。 

对 默认 的 Index 动作 进行 小 小 的 修改 ， 使 它 被 请 求 的 时 候 抛 出 一 个 异常 。 代 码 如 下 : 


public ActionResult Index() 

{ 
int errorCode = new Random() .Next (1000, 9999); // 随 机 产生 一 个 四 位 整数 
string errorMsg = "抱歉 ! 您 访问 的 资源 不 存在 ! 错误 代码 : ”+ errorCode; 
throw new Exception(errorMsg); 
// 这 里 是 原来 的 内 容 ， 保 持 不 变 

} 


至 此 ， 我 们 完成 了 整个 系统 的 设计 。 


10.1.4 ”运行 结果 


先 编译 再 运行 Blog 项 目 。 打 开 后 会 在 浏览 器 中 显示 默认 的 首页 ， 由 于 在 该 页 面 中 并 没有 
添加 异常 ， 所 以 访问 正常 ， 效 果 如 图 10-1 所 示 。 
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10-1 访问 首页 


在 浏览 器 的 地 址 栏 中 输入 article， 使 其 请 求 Article 控制 器 。 这 时 系统 会 产生 异常 ， 如 图 
10-2 所 示 。 
因为 我 们 是 在 调试 项 目 ， 所 以 前 台 浏览 器 上 能 够 直接 看 到 异常 信息 。 多 刷新 几 次 ， 然 后 从 


“/” 应 用 程序 中 的 服务 器 错误 。 


莽 贾 ! 多 芒 问 太 旷 尖 不 序 下 | 东 这 代码: 9939 


ne errercode ~ new pandong NextGlo00，99991 _ 
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[ET FET TE 


图 10-2 ”请求 Article 控制 器 10-3 查看 Exception.log 文件 


10.1.5 “实例 分 析 


CO 


整体 来 说 这 个 实例 没有 什么 难点 。 

主要 是 利用 IExceptionFilter 接口 的 OnException() 方 法 ， 通 过 在 控制 器 中 重 写 一 个 作为 基 
类 ， 并 且 使 用 ExceptionContext 对 象 的 Exception 属性 来 获取 异常 信息 并 记录 。 

之 后 设置 让 Controller 继承 这 个 基 类 ， 再 抛 出 异常 。 

最 后 强调 一 下 ， 这 里 使 用 IO 对 象 来 记录 日 志文 件 ， 因 此 必须 先 引用 命名 空间 ， 并 且 在 用 
完 后 及 时 关闭 ， 否 则 会 影响 下 次 使 用 。 


10.2 ”控制 器 异常 处 理 


上 一 节 通 过 Controller 继承 一 个 自 定义 基 类 ， 实 现 了 对 全 局 异常 的 处 理 。 如 果 希 望 对 某 个 
控制 器 中 的 异常 进行 处 理 ， 应 该 怎么 办 呢 ? 


< 于 一 
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答案 很 简单 ， 在 需要 进行 异常 处 理 的 Controller 中 重 写 OnException0 方 法 即 可 ， 因 为 它 本 
身 继 承 了 IExceptionFilter 接口 。 
下 面 就 让 我 们 跟随 一 个 实例 来 看 看 如 何 实现 吧 ， 仍 然 以 上 节 的 Blog 项 目 为 基础 。 


上 视频 教学 ， 光盘 /videos/10/10.2 控制 器 异常 处 理 @k 度 : 5 分 名 


10.2.1 实例 应 用 


【 例 10-2】 控 制 器 异常 处 理 。 
(1) 打开 我 们 使 用 ASP.NET MVC 构建 的 Blog 项 目 ， 在 它 的 基础 上 添加 功能 。 
(2) 这 里 要 对 Article 控制 器 编写 异常 处 理 代 码 。 打 开 ArticleController.cs 文件 ， 修 改 继承 
的 基 类 为 Controller， 修 改 后 的 形式 如 下 : 


public class ArticleController : Controller 


// 这 里 是 原来 的 内 容 ， 保 持 不 变 
1 


(3) 添加 重 写 的 OnException() 方 法 。 与 上 一 节 的 方法 不 同 , 这 里 需要 完整 的 异常 处 理 代 码 ， 
如 下 所 示 : 


protected override void OnException (ExceptionContext filterContext) 
{ 
// 此 处 进行 异常 记录 ， 可 以 记录 到 数据 库 或 文本 ， 也 可 以 使 用 其 他 日 志 记录 组 件 
// 通过 filtercontext .Exception 来 获取 这 个 异常 
string filePath = SerVver.MapPath ("~/Exceptions.txt"); 
StreamWriter sw = System.IO.File.RAppendText (filePath); 
sw.WriteLine (filterContext .Exception.Message+" 
["+DateTime.Now.ToString()+"]"); 
sw.Close(); 
// 执行 基 类 中 的 onException 
base.OnException (filterContext); 
// 重 定向 到 首页 


Response.Redirect ("/"); 
} 
从 中 可 以 看 到 , 将 会 在 站 点 下 的 Exceptions.txt 文件 中 记录 异常 信息 。 之 后 被 重 定向 到 首页 
显示 。 
(4) 添加 异常 测试 方法 。 第 一 个 是 LogOn() 方 法 ， 它 将 尝试 返回 Account 控制 器 的 LogOn 
视图 ， 代 码 如 下 : 


public ActionResult Logon () 
1 
return View("RAccount/Logon") 
} 
实际 运行 时 ， 上 述 代码 将 会 引起 一 个 错误 。 这 是 因为 在 ASPNET MVC 中 Controller 的 
View( 方 法 只 能 返回 该 控制 器 所 在 目录 下 的 视图 。 
也 就 是 说 ， 这 里 的 代码 试图 寻找 名 为 AccountLogOn 的 视图 ， 而 该 文件 并 不 存在 。 
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(5) 添加 Ermrorl( 方 法 ， 在 这 里 直接 抛 出 默认 的 异常 ， 交 给 控制 器 去 处 理 。 代 码 如 下 : 


public void Errorl() 
1 
throw new Exception(); 


1， 


(6) 添加 Error20 方 法 , 这 里 在 抛 出 异常 时 会 自 定义 一 个 错误 信息 ， 然 后 让 控制 器 记录 这 个 
信息 ， 代 码 如 下 : 


public void Error2() 

{ 
int errorCode = new Random() .Next (1000, 9999); 
string errorMsg = "抱歉 ! 您 访问 的 资源 不 存在 ! 错误 代码 : 


throw new ArgumentException(errorMsg); 


// 随 机 产生 一 个 四 位 整数 


"+ errorCode; 


} 
至 此 ， 我 们 完成 了 整个 系统 的 设计 。 
10.2.2 ”运行 结果 


(1) 编译 再 运行 Blog 项 目 。 

(2) 在 地 址 栏 中 输入 article/errorl 请 求 Article 控制 器 的 errorl 动作 。 此 时 ， 由 于 出 现 了 异 
常 信息 会 跳 转 到 编译 器 ， 如 图 10-4 所 示 。 

(3) 继续 运行 ， 修 改 地 址 栏 的 值 为 article/error2 请 求 Article 控制 器 的 error2 动作 ， 查 看 异 
常 处 理 情况 ， 如 图 10-5 所 示 。 
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10-4 Error1() 引 发 的 异常 


10-5 ”Error2() 引 发 的 异常 


(4) 修改 地 址 栏 中 的 值 ， 使 浏览 器 请 求 Article 控制 器 的 LogOn 动作 。 请 注意 ， 此 时 不 会 
出 现 前 两 次 的 错误 信息 ， 而 是 直接 跳 转 到 首页 。 

实际 上 ， 此 时 控制 器 已 经 将 异常 记录 到 文件 。 图 10-6 即 为 Exceptions.txt 文件 中 由 控制 器 
记录 的 异常 信息 。 


< 国 一 _ 
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码 ;， 1895 [2818-11-5 9:45:34] 
版 视图 。 搜 索 了 以 下 位 置 : 
px 


cx 


x 【2919-11-5 9:46:41] 


异 带 。 [2810-11-5 9:46:48] 
答 :， 9434 [21e-11-5 9:45:54] 


10-6 ”Exceptions txt 文件 中 记录 的 异常 信息 


10.2.3 ”实例 分 析 


We 


本 实例 与 上 一 节 实 例 最 大 的 区 别 就 是 ，OnException() 方 法 的 位 置 发 生 了 变化 。 

在 处 理 全 局 异常 时 ， 该 方法 位 于 一 个 控制 器 基 类 中 ， 然 后 在 应 用 控制 器 中 继承 它 ， 并 抛 出 
异常 。 本 实例 则 在 应 用 控制 器 中 重 写 OnException() 方 法 ， 同 时 抛 出 异常 ， 所 以 应 用 控制 器 的 异 
常 不 会 传递 到 基 类 ， 而 被 本 身 的 OnException() 方 法 捕捉 并 记录 。 这 在 多 个 控制 器 需要 不 同 的 异 
常 处 理 方法 时 非常 有 效 。 


10.3 ”过 滤器 异常 处 理 


前 面 的 两 个 技巧 都 是 在 Controller 中 重 写 OnException() 方 法 ， 这 样 只 要 Controller 中 有 异 
常 发 生 ， 都 会 被 该 方法 捕捉 并 处 理 。 

但 是 ， 如 果 我 们 只 想 针对 某 个 Action 使 用 异常 处 理 ， 那 么 就 不 能 重 写 Controller 的 
OnException 了 。 有 没有 办 法 实现 这 种 要 求 呢 ? 

答案 是 肯定 的 。 只 需 创建 一 个 自 定义 的 过 滤器 , 然后 在 需要 处 理 异 常 的 Action 上 引用 这 个 
过 滤器 。 

下 面 我 们 通过 一 个 实例 来 演示 具体 的 实现 步骤 。 


视频 教学 ， 光盘 /videos/10/10.3 ”过 滤器 异常 处 理 外 长 度 : 5 分钟 


10.3.1 实例 应 用 


【 例 10-3】 过 滤器 异常 处 理 。 
(1) 打开 我 们 使 用 ASP.NET MVC 构建 的 Blog 项 目 ， 在 它 的 基础 上 添加 功能 。 
(2) MVC 中 虽然 有 一 个 异常 过 滤器 类 HandleErrorAttribute, 但 无 法 实现 自 定义 的 异常 处 理 。 
在 Controllers 文件 夹 中 添加 一 个 MyHandleErrorAttribute 类 ， 它 继承 自 
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HandleErrorAttribute 类 。 


(3) 在 MyHandleErrorAttribute 类 中 重 写 过 滤器 中 的 OnException() 方 法 ， 实 现 对 异常 信息 
的 记录 。 代 码 如 下 : 
public class MyHandleErrorAttribute : HandleErrorAttribute 
public override void OnException (ExceptionContext filterContext) 
{ 
base.OnException (filterContext); 
string filePath = 
filterContext.HttpContext.Server.MapPath ("~/MyHandleError.10g"); 
StreamWriter sw = System.IO0.File.AppendText (filePath); 
string log = DateTime.Now.ToString() + " "+ 
filterContext .Exception.Message; 
sw.WriteLine (log); 
sw.Close(); 


} 


(4) 进入 ArticleController 中 ， 在 需要 进行 异常 处 理 的 Action 上 添加 [MyHandleError] 属 性 ， 
以 引用 上 一 步 创 建 的 过 滤器 类 。 代 码 如 下 : 

[MyHandleError] 

public ActionResult ThrowMyHandle () 

{ 
int errorCode = new Random() .Next (1000，9999);  // 随 机 产生 一 个 四 位 整数 
string errorMsg = "抱歉 ! 您 访问 的 资源 不 存在 ! 错误 代码 : " + errorcode; 
throw new Exception (errorMsg); 


} 
(5) 为 了 演示 它们 的 区 别 ， 下 面 再 创建 一 个 不 带 属性 的 Action， 代 码 如 下 : 


public ActionResult ThrowException() 
{ 
throw new ApplicationException(); 


} 
(6) 很 简单 吧 ， 到 此 已 经 完成 了 所 有 工作 。 现 在 需要 保存 并 编译 项 目 , 看 有 没有 什么 错误 。 


10.3.2 ”运行 结果 


一 切 正常 。 运 行 项 目 ， 先 在 浏览 器 中 请 求 不 带 属性 的 ThrowException 动作 ,查看 异常 处 理 
情况 。 

之 后 ， 再 请 求 带 有 [MyHandleError] 属 性 的 ThrowMyHandle 动作 ， 此 时 会 看 到 图 10-7 所 示 
的 异常 提示 ， 之 后 继续 执行 。 

打开 站 点 根 目 录 下 的 MyHandleError.log 文件 ， 查 看 详细 的 异常 列表 。 由 于 只 有 
ThrowMyHandle 动作 带 有 自 定义 的 过 滤器 属性 ， 所 以 在 文件 中 仅 记 录 了 它 抛 出 的 异常 ， 如 图 
10-8 所 示 。 
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图 10-7 由 动作 抛 出 的 异常 提示 图 10-8 详细 的 异常 信息 列表 


10.3.3 ”实例 分 析 


S 源码 解析 


在 本 实例 中 演示 了 如 何 通 过 继承 过 滤器 基 类 HandleErrorAttribute， 并 重 写 OnException() 
方法 来 实现 自 定义 的 异常 处 理 。 

在 ArticleController 中 包含 了 ThrowException() 方 法 ， 该 方法 引发 ApplicationException 错 
误 。 但 由 于 此 方法 不 带 任何 属性 ， 因 此 由 系统 来 处 理 。 

ThrowMyHandle() 方 法 将 引发 一 个 新 的 Exception 错误。 在 声明 时 带 有 [MyHandleError] 属 
性 ， 因 此 异常 信息 将 由 该 属性 定义 的 类 来 处 理 。 

另外 要 注意 , 在 实例 中 创建 的 过 滤器 类 名 称 为 MyHandleErrorAttribute, 而 在 添加 属性 时 使 
用 的 名 称 为 MyHandleError。 两 者 指 同一 个 东西 ， 但 名 称 却 不 相同 。 


10.4 ”路 由 异常 处 理 


我 们 已 经 知道 了 ASP.NET MVC 应 用 程序 的 执行 流程 ， 在 输入 一 个 URL 之 后 ， 会 经 过 路 
由 来 实现 对 Controller 进行 映射 。 在 路 由 中 定义 了 很 多 映射 规则 表 ， 它 将 对 每 个 规则 逐一 进行 
匹配 ， 如 果 正 确 则 转 到 对 应 的 Controller 去 处 理 。 

好 比 银行 的 大 堂 经 理 (路 由 )， 他 会 根据 客户 的 需要 (URIL) 来 指定 需要 的 步骤 或 者 手续 (路 
由 )， 像 存款 、 取 款 、 基 金 理财 或 者 工资 代 扣 等 。 

如 果 客 户 需要 办 理 银行 不 具有 的 业务 (URL 错误 )。 为 了 避免 客户 流失 ， 他 会 解释 说 明 并 推 
荐 与 之 类 似 的 业务 。 

处 理 路 由 异常 的 工作 ， 实 际 上 就 是 当 请 求 的 URL 找 不 到 匹配 的 规则 时 ， 为 它 指定 一 个 默 
认 的 匹配 规则 ， 而 非 显 示 错 误 。 

常见 的 做 法 是 在 Global.asax 文件 中 定义 一 个 包罗 万 象 的 路 由 规则 ， 让 每 一 个 URL 都 有 请 
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求 。 下 面 我 们 将 看 到 另 一 种 更 优雅 的 处 理 方式 。 
入 视频 教学 : 光盘 /videos/10/10.4 路 由 异常 处 理 人 @ 长 度 : 6 分钟 


10.4.1 实例 应 用 


【 例 10-4】 路 由 异常 处 理 。 

(1) 打开 已 有 的 MVC 项 目 Blog， 在 它 的 基础 上 添加 功能 。 

(2) 打开 项 目 根 目录 下 的 Global.asax 文件 。 

(3) 对 现 有 的 路 由 规则 进行 改造 ， 包 括 Home 和 Account 控制 器 ， 代 码 如 下 : 


Foutes .MapRoute ( 


"homeRoutes", // 路 由 名 称 

"home/{action}/{id}", // 带 有 参数 的 url 

new { controller = "home", action = "index", id = UrlParameter.Optional } 
// 参数 默认 值 


); 
routes.MapRoutel( 
"accountRoutes", // 路 由 名 称 
"account/{action}/{id}j"， // 带 有 参数 的 url 
new { controller = "account", action = "index", id = 
UrlParameter.Optional } // 参数 默认 值 
); 


很 明显 ， 改 造 后 的 路 由 使 它们 可 以 更 精确 地 进行 映射 操作 。 
(4) 下 面 着 重 介 绍 处 理 异常 的 路 由 规则 。 注 意 必须 将 它 添加 到 其 他 主要 路 由 规则 的 下 方 ， 
代码 如 下 : 


routes.MapRoutel( 
"ErrorHandling", 
SUE 
new { controller = "Error", action = "Missing" } 
); 
因为 路 由 规则 是 按照 在 Global.asax 中 的 顺序 从 上 往 下 依次 执行 。 一 旦 找到 匹配 的 , 后 面 的 
就 不 再 执行 了 ， 所 以 这 个 具有 匹配 所 有 功能 的 规则 必须 放 在 最 后 ， 它 会 转 到 Error 控制 器 的 
Missing 动作 。 
(5) 在 当前 项 目 中 创建 一 个 ErrorController 类 ， 并 对 其 添加 Missing 动作 。 部 分 代码 如 下 : 
public class ErrorController : Controller 
1 
public ActionResult Missing(string str) 
{ 
ViewData["errMsg"] = "您 的 访问 出 错 了 , "+str + ”时 间 : " + 
DateTime.Now.ToString(); 
return View(); 
} 
' 
(6) 添加 ErrorController 对 应 的 Missing 视图 , 在 这 里 需要 显示 出 错 信 息 , 包括 出 错 的 路 径 
以 及 返回 首页 的 链接 等 。 整 个 视图 的 代码 如 下 : 
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<div class="container clearfix"> 
<h2> 很 抱 菊 ， 您 要 访问 的 页 面 不 存在 。</h2> 
<p> 
<%=ViewData["errMsg"] $%><br /> 
单 击 这 里 <a href="/"> 返 回首 页 </a>. 
</p> 
</div> 


至 此 ， 结 束 整 个 项 目的 所 有 工作 。 


10.4.2 ”运行 结果 


先 编译 再 运行 Blog 项 目 。 

此 时 会 发 现 ， 由 于 默认 的 URL 地 址 与 路 由 规则 中 的 Home 和 Account 都 不 匹配 ， 所 以 只 
好 转 到 最 后 的 规则 ， 图 10-9 为 此 时 的 界面 效果 。 

在 浏览 器 中 输入 以 home/ 和 account/ 开 始 的 URL 则 会 发 现 运 行 正常 。 图 10-10 为 输入 无 效 
ULR 时 的 界面 。 


(er TIRE 
帘 收 谭 交 | 靖 http /oceanhost39157 ”> 了 会 收 京 天 大 http: /hocahost aa 


很 抱 数 ， 称 要 访问 的 页 面 不 存在 。 很 抱 炊 ， 称 要 访问 的 页 面 不 存在 。 
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图 10-9 ”默认 运行 效果 图 10-10 输入 无 效 URL 的 效果 


10.4.3 ”实例 分 析 


Ss 源码 解析 


整个 实例 做 下 来 步骤 虽然 不 多 ， 但 是 需要 注意 的 事项 可 不 少 。 

首先 是 在 Globalasax 文件 中 需要 对 现 有 的 路 由 规则 进行 调整 ,使 它们 能 够 更 准确 地 解析 每 
个 可 能 的 URL。 

接 下 来 在 所 有 规则 之 后 添加 产生 异常 时 的 路 由 规则 ， 这 里 需要 使 用 通配符 星 号 * 来 定义 
URL. 

之 后 ， 还 得 在 项 目 中 创建 对 应 的 控制 器 、 动 作 和 视图 。 为 了 在 视图 中 显示 错误 信息 ， 还 必 
须 指 定 一 个 String 类 型 参数 。 

完成 上 述 步 骤 之 后 ， 默 认 运行 时 就 会 跳 转 到 该 规则 。 
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10.5 ”动作 异常 处 理 


作为 一 个 “业务 ”熟悉 的 Web 开发 人 员 ， 除 了 能 够 修订 、 检 测 程序 错误 ， 对 可 能 引起 应 
用 程序 的 异常 进行 捕捉 外 ， 还 应 该 能 够 对 用 户 输入 无 效 或 者 错误 URL 时 ， 做 出 正确 的 处 理 和 
响应 。 

因为 在 ASPNET MVC 应 用 程序 中 ， 一 个 URL 请 求 会 被 映射 到 路 由 ， 之 后 转发 到 指定 控 
制 器 的 动作 进行 处 理 。 对 于 不 符合 映射 规则 的 URL， 用 户 会 看 到 一 个 HTTP 404 错误 。 

在 这 种 情况 下 ， 我 们 希望 创建 一 个 404 页 面 ， 告 诉 浏览 者 其 请 求 的 页 面 不 存在 或 者 链接 错 
误 ， 同 时 引导 用 户 使 用 网 站 的 其 他 页 面 而 不 是 关闭 窗口 离开 。 


上 视频 教学 ， 光盘 /videos/10/10.5 动作 异常 处 理 人 @@ 长 度 : 5 分钟 


10.5.1 实例 应 用 


【 例 10-5】 动 作 异 常 处 理 。 
(1) 打开 一 个 已 存在 的 ASPNET MVC 项 目 。 
(2) 在 项 目的 根 目录 下 找到 Web.config 文件 并 打开 。 
(3) 要 使 发 生 404 错误 时 不 显示 ASP.NET 应 用 程序 的 内 置 错误 ， 可 以 在 system.web 节点 
中 添加 一 个 customErrors 节点 ， 并 设置 mode 属性 为 On。 
熟悉 ASP.NET 的 人 一 定 不 会 陌生 ， 这 里 就 不 解释 了 。 以 下 是 修改 后 的 代码 : 


<customErrors mode="On"> 
<error statusCode="404" redirect="/error" /> 
</customErrors> 


这 样 ， 当 ASPNET 应 用 程序 遇 到 404 错误 时 ， 将 会 转 到 由 redirect 属性 指定 的 error 进行 
处 理 。 


国 | snor 错误 于 标记 可 以 出 现 多 次 ， 每 出 现 一 次 便 定义 了 一 个 自 定义 错误 条 件 。 


(4) 在 当前 项 目 中 创建 一 个 ErrorController 类 ,并 对 默认 的 Index 动作 进行 修改 。 部 分 代码 
如 下 : 


public class ErrorController : Controller 
:| 

public ActionResult Index() 

{ 


ViewData["errMsg"] = Request["aspxerrorpath"] .Tostring(); 
// 获 取出 错 的 路 径 


return View(); 
} 
} 


(5) 添加 ErrorController 对 应 的 Index 视图 , 在 这 里 需要 显示 出 错 信息 , 包括 出 错 的 路 径 以 
及 返回 首页 的 链接 等 。 整 个 视图 的 代码 如 下 : 
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<h2> 出 错 了 ! ! </h2> 

<p> 
<img src="/img/404.gif" /> 
抱歉 ! 您 访问 的 资源 "<s=ViewData["errMsg"] %>" 不 存在 或 者 已 经 被 移动 !<br /> 
单 击 这 里 <a href="/"> 返 回首 页 </a>. 

</p> 


至 此 ， 结 束 整 个 项 目的 所 有 工作 。 


技术 文档 | customErrors 节点 
customErrors 节点 的 格式 如 下 所 示 : 


<customerrors defaultredirect="url" mode="on|off|remoteonly"> 
<error statuscode="statuscode" redirect="url"/> 
</customerrors> 


其 中 ，mode 属性 表示 是 否 启用 或 仅 对 远程 客户 端 显示 自 定 义 错误 。 该 属性 是 必须 设置 的 ， 可 选 有 on、off 
或 者 remoteonly。 
@ on 指定 启用 自 定义 错误 。 如 果 没 有 指定 defaultRedirect， 用 户 将 看 到 一 般 性 错误 。 
@ off 指定 禁用 自 定义 错误 ， 允 许 显示 详细 的 错误 信息 。 
@ Iemoteonly 这 是 默认 值 。 指 定 仅 向 远程 客户 端 显示 自 定义 错误 ， 并 向 本 地 主机 显示 ASPNET 错误 。 
可 选 的 defaultRedirect 属性 用 于 指定 发 生 错误 时 浏览 器 指向 默认 URL。 
现在 来 看 看 error 节点 ， 它 有 两 个 属性 ， 其 中 Statuscode 属性 用 于 指定 发 生 重 定向 错误 页 时 的 http 状 
态 代 码 (例如 404、500 等 )，Redirect 属性 将 向 客户 端 展 示 有 关 该 错误 信息 的 页 面 。 


10.5.2 ”运行 结果 


编译 并 运行 项 目 ， 之 后 检查 项 目的 原 有 功能 是 否 正常 。 

接 下 来 ， 修 改 浏览 器 的 地 址 栏 ， 请 求 一 个 不 存在 的 动作 。 例如， 请 求 Products 的 list 动作 ， 
此 时 会 显示 在 Index 视图 中 定义 的 信息 ， 如 图 10-11 所 示 。 图 10-12 为 请 求 Home 的 list 动作 时 
的 结果 。 


证 we i 站 


© sr 沪 且 的 沽 "Predutiir 直 丰 在 不 省 已经 祝 术 芭 1 
单 击 这 里 经 回首 页 。 


10-11 请 求 Products 的 list 动 作 10-12 请求 Home 的 list 动作 的 结果 


10.5.3 ”实例 分 析 


Cn 


本 实例 主要 利用 了 Web.config 中 的 customerrors 节点 。 在 开启 允许 自 定义 错误 之 后 ， 利 用 


局 
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error 错误 子 节点 指定 404 错误 (请 求 的 动作 或 者 URL 无 效 ) 的 处 理 方式 ， 即 转 到 一 个 自 定义 的 
控制 器 中 。 在 控制 器 中 输出 了 请 求 的 无 效 动 作 以 及 错误 提示 。 

这 样 ， 当 用 户 在 运行 项 目 时 ， 不 会 因为 误 输 入 错误 的 URL 而 导致 整个 应 用 程序 崩 演 ， 而 
是 显示 比较 人 性 化 的 错误 提示 。 


10.6 ”常见 问题 解答 


10.6.1 global.asax 中 的 错误 处 理 


global.asax 中 的 错误 处 理 
网 络 课堂 : http://bbs.itzen.conythread-2976-1-1.html 1 


大 家 好 ， 这 里 有 个 问题 纠结 很 长 时 间 了 。 

我 有 一 个 MVC 项 目 ， 想 在 global.asax 里 集中 处 理应 用 程序 中 的 错误 。 我 创建 了 一 个 默认 
显示 错误 信息 的 视图 ， 位 于 ~/Views/Shared/Error.aspx。 

问题 来 了 ， 为 了 在 不 使 用 控制 器 HandleError 属性 的 情况 下 ， 也 不 指定 customErrors 节点 
来 实现 。 我 在 global.asax 文件 中 添加 了 如 下 的 代码 ， 它 只 能 在 部 分 环境 下 运行 正常 。 却 无 法 正 
常 运行 在 带 集成 管道 模式 的 IS7 下 ， 这 是 什么 原因 ? 

@ Visual Studio 2010 自 带 的 开发 环境 Web 浏览 器 。 

@ ”基于 脚本 映射 的 IIS6 模式 。 

@ ”标准 的 IIS7 带 脚 本 映射 环境 下 。 


public class MvcApplication : System.Web.HttpApplication { 
public static void RegisterRoutes (RouteCollection routes) { 

routes.IgnoreRoute("{resource}.axd/{*pathIinfo}"); 

routes .MapRoute ( 
"Default", // Route name 
"{controller}/{action}/{id}", // URL with parameters 
new { controller = "Home", action = "Index", id = "" } 

// Parameter defaults 


} 
protected void Application Start() { 
RegisterRoutes (RouteTable.Routes); 
1 
protected void Application Error() { 
HttpContext ctx = HttpContext.Current; 
KeyValuePair<string, object> error = new KeyValuePair<string, 
object> ("ErrorMessage", ctx.Server.GetLastError().ToString()); 
ctx.Response.Clear (); 
RequestContext rc = 
((MvcHandler)ctx.CurrentHandler) .RequestContext; 
string controllerName = 
rc.RouteData.GetRequiredstring("controller"); 
IControllerFactory factory = 
ControllerBuilder.Current .GetControllerFactory(); 


< 于 一 
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IController controller = factory.CreateController(rc, 
controllerName); 

ControllerContext cc = new ControllerContext (rc, 
(ControllerBase) controller); 

ViewResult viewResult new ViewResult { ViewName = "Error™ }; 

viewResult .ViewData.Add (error); 

ViewResult -ExecuteResult (cc); 

ctx.Response.End(); 


| 


【解决 办 法 】 估 计 问 题 出 在 Application_ErrorO 处 理 错误 的 代码 中 。 这 是 因为 ， 如 果 你 想 使 
用 自 定义 的 错误 视图 而 非 默认 的 ASP.NET 黄 屏 提 示 ， 那 么 在 不 同 的 IS 下 处 理 方式 略 有 不 同 。 
依据 我 的 经 验 ，global.asax 文件 是 运行 在 IS6 和 IS7 集成 管道 模式 的 默认 应 用 程序 池 中 。 

下 面 是 我 测试 通过 的 代码 ， 要 注意 ctx.Server.ClearError() 的 位 置 。 


protected void Application Error() { 

HttpContext ctx = HttpContext.Current; 
KeyValuePair<string, object> error = new KeyValuePair<string, 

object> ("ErrorMessage", ctx.Server.GetLastError().ToString()); 
ctx.Response.Clear (); 
RequestContext rc = ((MvcHandler)ctx.CurrentHandler) .RequestContext; 
string controllerName = rc.RouteData.GetRequiredstring("controller"); 
IControllerFactory factory = 

ControllerBuilder.Current .GetControllerFactory (); 
IController controller = factory.CreateController(rc, controllerName); 
ControllerContext cc = new ControllerContext (rc, 

(ControllerBase)controller); 
ViewResult viewResult = new ViewResult { ViewName = "Error™" }; 
ViewResult .ViewData.Add (error); 
ViewResult.ExecuteResult (cc); 
ctx.Server.ClearError (); 
//ctx.Response.End(); 


10.6.2 ASP.NET MVC 中 的 异常 处 理 


global.asax 中 的 异常 处 理 
网 络 课堂 : http://bbs.itzcn.com/thread-2976-1-1.html 
我 使 用 ASPNET MVC 建立 了 一 个 默认 的 错误 视图 。 


public partial class Error : ViewPageBase { 


// 处 理 错误 的 视图 


} 
之 后 又 创建 了 一 个 Controller 和 一 个 Show 动作 ， 代 码 如 下 : 


public ActionResult Show(string id) { 
return View("Error"); 


} 


空 ， 
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如 何 实现 ? 当 ID 不 为 空 时 ( 像 404、502 等 )， 我 想 显示 一 个 消息 以 说 明 错 误 。 如 果 ID 为 
则 显示 通用 的 信息 。 

当 控 制 器 下 的 动作 有 HandleError 属性 时 ， 实 例 的 ID 可 以 为 空 。 这 个 说 法 正确 吗 ? 

我 知道 这 个 错误 有 一 个 类 型 HandleErrorInfo 对 象 具有 ActionName、ControllerName 和 异 


常 属性 。 


但 是 ， 怎 样 得 到 这 个 对 象 ， 以 便 在 Show 动作 中 将 日 志保 存 到 数据 库 中 呢 ? 
还 有 一 个 问题 ， 我 是 否 可 以 移动 Error 控制 器 下 视图 文件 夹 下 的 Error.aspx 文件 呢 ? 
【解决 办 法 】HandleErrorAttribute 就 是 以 这 种 方式 工作 的 : 如 果 你 希望 在 某 个 动作 抛 出 异 


常 时 显示 “错误 ”视图 ， 则 可 以 添加 [HandleError] 属 性 。 标 准 的 HandleErrorAttribute 仅 会 显示 
一 些 视图 ， 但 是 你 希望 的 是 重 定向 错误 。 


现 ， 


对 于 楼 主 你 这 样 的 情况 ， 最 好 的 解决 方案 是 实施 自己 的 错误 处 理 属性 。 这 种 做 法 并 不 难 实 
只 需 创建 FilterAttribute 类 的 派生 类 和 继承 IExceptionFilter 接口 即 可 。 
剩 下 的 就 是 重 写 onException 方法 ， 就 像 下 面 给 出 的 代码 : 


public class RedirectOnErrorAttribute : FilterAttribute, IExceptionFilter 
{ 
public void OnException (ExceptionContext filterContext) 
{ 
filterContext.Result = new RedirectToRouteResult (new 
RouteValueDictionary( 
new { action = "Show", controller = "Error", 
id = new HttpException(null, 
filterContext .Exception) .GetHttpCode() .ToString()， 
exceptionAction = 
(string)filterContext.RouteData.Values["action"], 
exceptionController = 
(string)filterContext.RouteData.Values["controller"] 
PDs 
filterContext .ExceptionHandled = true; 


1 
除 此 之 外 ， 在 Web.Config 中 你 还 可 以 做 一 些 额外 的 配置 。 


<customErrors mode ="On" defaultRedirect ="/Error/Generic"> 
<error statusCode ="400" redirect ="/Error/Http/400"/> 
<error statusCode ="401" redirect ="/Error/Http/401"/> 
<error statusCode ="403" redirect ="/Error/Http/403"/> 
<error statusCode ="404" redirect ="/Error/Http/404"/> 
<error statusCode ="408" redirect ="/Error/Http/408"/> 
<error statusCode ="502" redirect ="/Error/Http/502"/> 
<error statusCode ="503" redirect /Error/Http/503"/> 
<error statusCode ="504" redirect ="/Error/Http/504"/> 

</customErrors> 


怎么 样 ， 明 白 了 吧 ! 我 想 用 不 了 多 少时 间 你 就 可 以 弄 懂 ， 要 相信 自己 。 


< 二 一 
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10.6.3 为 什么 Controller 的 HandleError 属性 不 会 覆盖 Action 的 
HandleError 属性 


为 什么 Controller 的 HandleError 属性 不 会 履 盖 Action 的 HandleError 属性 ? 
网 络 课堂 : http://bbs.itzcn.com/thread-2976-1-1.html 

先 说 一 下 问题 出 现 的 场景 吧 。 

我 的 MVC 项 目 中 有 很 多 Controller 和 Action， 我 希望 所 有 Action 的 异常 都 由 默认 的 
Error.aspx 视图 来 显示 。 


另外 还 有 一 些 Action， 我 想 让 它们 在 自 定 义 的 ErrorDialog.ascx 视图 中 显示 。 编 写 了 下 面 
的 代码 : 


[Authorizel] 
[HandleError] 


public class SkillsMatrixController 
{ 


: Controller 
public ActionResult Personal() { return View(); } 


[AcceptVerbs ("GET")] 
[HandleError (View="ErrorDialog")] 


public PartialViewResult MarketDialog() { return PartialView(); } 


由 上 面 的 代码 可 以 看 到 ， 它 应 该 可 以 达到 我 预期 的 效果 。 

现在 的 问题 是 , 当 我 做 完 以 上 操作 后 , 所 有 的 错误 均 由 Error.aspx 来 处 理 了 。 我 以 为 Action 
上 的 HandleError 属性 会 覆盖 Controller 上 的 HandleError 属性 。 事 实 却 不 是 这 样 ， 请 教 各 位 高 
手 ， 在 MVC 框架 下 怎么 达到 这 种 效果 呢 ? 

我 试 过 下 面 的 改良 代码 ， 但 仍然 没有 效果 。 


[Authorize] 


public class SkillsMatrixController : Controller 
{ 


[HandleError] 
public ActionResult Personal() { return View(); } 


[AcceptVerbs ("GET")] 
[HandleError (View="ErrorDialog")] 


public PartialViewResult MarketDialog() { return PartialView(); } 


【解决 方法 】 在 MVC 的 Controller 上 使 用 HandleError 属性 时 ， 有 一 个 Order 选项 ， 当 某 
个 方法 有 多 个 HandleErrorAttribute 筛选 器 时 , 它 可 以 指定 筛选 器 的 应 用 顺序 。 在 没有 显 式 地 指 


定 该 值 时 ， 默 认 都 是 -1， 因 此 最 终 都 会 转 到 带 有 HandleError 属性 的 Controller 来 处 理 。 
希望 上 面 的 说 明 能 够 帮助 你 理解 。 


PN 
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10.7 习 题 


一 、 填 空 题 


(1) 为 了 能 够 自 定义 异常 处 理 方法 ， 需 要 继承 接口 。 
(2) OnException() 方 法 是 一 个 方法 ， 它 的 filterContext 参数 是 一 个 


类 型 。 


述 


(3) 为 了 使 用 户 能 够 自 定义 错误 处 理 页 面 ， 需 要 在 Web.config 中 添加 节 汪 5 
(4) error 节点 的 属性 用 于 指定 发 生 像 404 或 者 500 这 样 的 HITP 状态 代码 。 
二 、 选 择 题 
(1) IExceptionFilter 接口 位 于 命名 空间 下 。 
A. System.Web.Mvc 
B. System.Web.Exception 
C. System.Web.MVC.Exception 
D. System.Web.MVC.IException 
(2) 下 列 哪 个 方法 是 由 IExceptionFilter 接口 提供 的 ? 
A. ThrowException() 方 法 
B. OnException() 方 法 
C. HandleException() 方 法 
D. ExceptionFilter(0 方 法 
(3) 下 面 关 于 IExceptionFilter 接口 的 描述 ， 错 误 的 是 ? 
A. IExceptionFilter 接口 位 于 System.Web.Mvc 命名 空间 
B.Controller 类 继承 IExceptionFilter 接口 
C. IExceptionFilter 接口 有 一 个 OnException() 方 法 
D.，IExceptionFilter 接口 有 一 个 OnExceptionFilter() 方 法 
三 、 上 机 练习 
上 机 练习 1: 构建 完善 的 异常 处 理 机 制 。 
本 章 针对 MVC 项 目 中 处 理 异常 的 各 种 方法 进行 了 介绍 。 本 次 练习 要 求 读 者 根据 下 面 的 描 
自己 构建 一 个 完善 的 异常 处 理解 决 方案 。 
假设 ， 这 里 有 一 个 非常 简单 的 Blog 网 站 。 在 这 个 网 站 中 有 两 个 栏目 : 文章 和 相册 。 现 在 


要 用 MVC 来 开发 这 个 网 站 ， 主 要 实现 如 下 功能 : 


@ 输入 网 站 地 址 后 ， 默 认 显 示 blog/index 视图 ， 如 图 10-13 所 示 。 

文章 栏目 的 访问 地 址 为 blog/article。 

相册 栏目 的 访问 地 址 为 blog/photo。 

除 上 述 正 常 的 访问 地 址 外 ， 访 问 其 他 地 址 时 均 显 示 访问 出 错 ， 如 图 10-14 所 示 。 


怀 全 mm 


您 的 访问 出 错 了 ! 
这 里 是 默认 创建 的 blogindex。 北京 时 间 : 2010-11-8 1200:39。 怎 访问 了 不 存在 的 页 面 blognews/。 


图 10-13 默认 运行 界面 10-14 ”访问 出 错 界面 


上 机 练习 2: 使 用 OnException() 方 法 处 理 异常 。 

本 次 练习 的 目的 是 使 读者 更 加 熟练 地 掌握 OnException0 处 理 异 常 的 方法 。 

(1) 打开 一 个 MVC 项 目 ， 或 者 从 默认 的 MVC 示例 项 目 中 开始 。 

(2) 打开 一 个 Controller， 重 写 OnException() 方 法 。 

(3) 编写 代码 ， 当 出 现 错误 时 将 信息 记录 到 外 部 文件 中 。 

(4) 创建 一 个 测试 方法 Error10， 编 写 代码 以 定义 异常 信息 并 抛 出 。 

(5) 编译 并 运行 项 目 ， 之 后 调用 Errorl() 方 法 ， 抛 出 异常 时 的 提示 信息 ， 如 图 10-15 所 示 。 


Monacontrollor cr EE3 
Ere Cellors Worecmroller Terror ]] 
24 public void Error](] 于 

f 下 


string ip = Request. SVer Var ables "RoAOTE ALDR”]. Tostring(); 
string tine = DateTime. Now. ToString(); 


“来 自 ”+ ip +“ 的 访客 于 ”+ tine +“ 访 问 时 ， 发 生 错 误 。\n”; 


string errhls 


] VV 
protecred override | 和 用户 代 码 末 外 理 Aremeatemtim 如 | 
[ 未 自 127. 0 0.1 的 沪 客 于 2010-11-3 15:41.40 沪 问 时 发生 棋 误 。 

// 通过 二 1terCal 是 叶 名 管 提示 

string 各 lePath| 国 
StzrcamNritcr sw| 
sw. Write(filter( | 
sw. Close() ， | 理 芝 更 多 于 机 可 二 

// 执行 基 关 中 的 | 

basc, OnExceptiol 

// 重 证 向 到 异 着 | 二 这 

Response Redire| ‘gps alg | 


10-15 ” 抛 出 异常 时 的 提示 


MVC 中 jQuery 的 应 用 


内 容 摘要 
jQuery 是 一 个 优秀 的 开源 JavaScript 库 ， 其 设计 理念 就 是 “ 写 得 少 ， 做 得 多 ”。 它 的 语法 
简单 易学 ， 而 且 具 有 强大 的 跨 平 台 特 性 ， 可 以 兼容 多 种 流行 的 浏览 器 ， 使 其 在 众多 优秀 的 
JavaScript 库 中 脱颖而出 ， 独 树 一 惧 ， 赢 得 了 众多 Web 开发 人 员 的 拥护 和 信赖 。 
在 创建 MVC 项 目 时 ，jQuery 也 作为 默认 的 JavaScript 库 被 支持 ， 更 可 以 看 到 jQuery 的 优 
秀 。 本 章 中 将 着 重 讲 解 在 View 中 使 用 jQuery 来 处 理 前 台 显示 逻辑 和 布局 , 例如 获取 表单 信息 ， 
突出 显示 页 面 菜 一 元 素 ， 控 制 显示 列表 以 及 显示 效果 等 。 
学 习 目 标 
掌握 如 何在 视图 中 引入 jQuery 
熟悉 jQuery 的 基本 选择 器 和 过 滤 选 择 器 
掌握 使 用 jQuery 对 页 面 元 素 的 搜索 
掌握 如 何 定位 指定 的 页 面 元 素 
熟悉 jQuery 获取 表单 数据 的 方法 
掌握 读 取 CSS 的 方法 
掌握 获取 CSS 的 方法 
了 解 对 视图 元 素 应 用 jQuery 动画 的 方法 
熟悉 jQuery UI 中 日 历 的 使 用 
熟悉 jQuery UI 中 对 话 框 的 使 用 
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11.1 利用 $() 获 取 页 面 元 素 信息 


对 一 个 熟练 的 Web 编程 人 员 来 说 , 在 编写 JS(JavaScript 的 简称 ) 库 代码 时 候 , 经 常会 和 3 符 
号 打交道 。 

无 论 prototype 还 是 DW(DreamWeaver 的 缩写 ) 都 会 使 用 $ 来 代替 频繁 的 document. 
getElementById0 操 作 。jQuery 也 会 这 样 做 ， 但 是 它 的 功能 远 非 如 此 。 我 们 研究 一 下 jQuery 的 
代码 ， 就 会 发 现 它 的 魅力 。 


全 
BD? 视频 教学 : 光盘 /videos/11/11.1 MVC 中 jQuery 的 应 用 (1) @ 长 度 : 20 分 钟 
MVC 中 jQuery 的 应 用 实例 (2) 人 @@O 长 度 :10 分钟 


11.1.1 基础 知识 一 一 jQuery 选择 器 


通俗 地 讲 ， 选 择 器 (Selector) 就 是 一 个 表示 特殊 语意 的 字符 串 。 

选择 器 是 jQuery 的 一 个 亮点 ，jQuery 选择 器 可 分 为 基本 选择 器 和 过 滤 选 择 器 两 类 ， 并且 
可 以 配合 使 用 ， 组 合成 一 个 选择 器 字符 串 。 主 要 区 别 是 过 滤 选 择 器 是 指定 条 件 从 前 面 匹配 的 内 
容 中 筛选 。 过 滤 选 择 器 也 可 以 单独 使 用 ， 表 示 从 全 部 的 即 * 中 筛选 。 

1. 基本 选择 器 

基本 选择 器 包含 CSS 选择 器 、 层 级 选择 器 和 表单 域 选 择 器 。 下 面 就 来 介绍 这 些 基 本 选择 
器 的 用 法 。 

1) CSS 选择 器 

jQuery 借用 了 一 套 CSS 选择 器 ， 共 有 5 种 ， 即 标签 选择 器 、ID 选择 器 、 类 选择 器 、 通 用 

表 11-1 中 列 出 了 这 5 种 CSS 选择 器 的 语法 说 明 及 示例 。 

表 11-1 CSS 选择 器 


名 称 语法 说 明 示 例 
选择 HIML 页 面 中 已 有 的 标签 元 素 ， 参 数 element 
S$("element") i S$("div") 
表示 待 查找 的 HTML 标记 名 
5 获取 某 个 具有 ID 属性 的 元 素 , 参数 id 表示 待 查找 元 
$ ("id") S$("#user") 
素 的 id 属 性 值 
获取 某 个 具有 class 属性 的 元 素 , 参数 class 指定 应 用 _ 
$("class") S$(".item") 
于 带 选择 元 素 的 类 名 
$("*") 匹配 所 有 元 素 $("*") 
Seoselectorl sclector) | 选择 所 有 指定 选择 器 组 合 的 结果 , 参数 可 以 为 有 效 的 | si i 
selectorl,selecton] ivV.span.p.styleClass， 
任何 选择 器 a 


> 
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2) 层级 选择 器 

在 HTML 文档 中 , 每 个 元 素 总 是 处 在 DOM 节点 树 上 的 某 个 位 置 , 文档 层次 结构 中 元 素 之 
间 总 是 存在 着 某 种 层级 关系 ， 例 如 父 级 与 子 级 的 关系 等 。 在 jQuery 中 ， 可 以 使 用 层级 选择 器 
来 获取 这 类 相关 的 元 素 。 

表 11-2 中 列 出 了 这 些 层级 选择 器 的 语法 说 明 及 示例 。 


表 11-2 层级 选择 器 


名 称 语法 说 明 示 例 
在 给 定 父 元 素 下 查找 所 有 子 元 素 。 参 数 parent 和 child 是 任 
何 有 效 的 选择 器 ; child 是 第 一 个 选择 器 的 子 元 素 , 用 于 筛选 | 
子 元 素 。 两 个 参数 之 间 用 > 分 隔 时 
在 给 定 祖先 元 素 下 匹配 所 有 后 代 元 素 。 参 数 ancestor 和 
descendant 是 任何 有 效 的 选择 器 ， 后 代 元 素 可 能 是 ancestor | $("form input") 
元 素 的 儿子 、 孙 子 或 重 孙 等 。 两 个 参数 之 间 用 空格 分 开 
匹配 所 有 紧 接 在 prev 元 素 后 的 next 元 素 。prev 和 next 表示 5 
任何 有 效 选 择 器 ， 两 者 用 + 分 隔 

参数 prev 和 siblings 是 任何 有 效 的 选择 器 , 用 于 筛选 prev 后 
面 的 所 有 同辈 元 素 。 两 者 之 间 用 波浪 线 ~ 分 隔 


$("form > 
$("parent>child") 


$("ancestor descendant") 


$("prevtnext") 


$("prev~siblings") $("div~input") 


3) 表单 域 选择 器 

表单 域 就 是 指 网 页 中 的 input、textarea、select 和 button 元 素 ， 其 中 input 元 素 可 以 具有 各 
种 各 样 的 type 属性 值 ， 例 如 text、password、radio 以 及 checkbox 等 。jQuery 提供 了 一 组 选择 
器 ， 专 门 用 于 从 文档 中 选择 表单 域 。 这 些 选择 器 均 以 冒号 :开头 ， 其 中 大 多 数 都 可 以 独立 使 用 。 

表 11-3 中 列 出 了 这 些 表 单 域 选择 器 的 语法 说 明 。 


表 11-3 表单 域 选择 器 


input、textarea、select 和 button 元 素 
选择 所 有 单行 文本 框 (<input type="text"/>) 
选择 所 有 密码 框 (<input type="password"/>) 
选择 所 有 单 选 按 钮 (<input type="radio"/>) 
选择 所 有 复 选 框 (<input type="checkbox"/>) 
选择 所 有 文件 域 (<input type="file"/> 


$(":text") 
So 
$(":radio") 

$(":checkbox") 
$(":file" 


:password" 


$(":image") 选择 所 有 图 像 域 (<input type="image"/>) 
S$(":hidden") 选择 所 有 不 可 见 元 素 以 及 隐藏 域 
$(":submit") 选择 所 有 提交 按钮 (<input type="submit"/> 和 <button>*…</button>) 


$(":reset" 
2. 过 滤 选择 器 
使 用 基本 选择 器 在 文档 中 查询 时 , jQuery 对 象 通常 会 包含 一 组 DOM 元 素 。 在 实际 应 用 中 ， 


< 大 — 


选择 所 有 重 置 按钮 (<input type="reset"/>) 
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往往 还 要 根据 特定 条 件 从 获取 的 元 素 集合 中 筛选 出 一 部 分 DOM 元 素 。 

在 这 种 情况 下 ， 可 以 在 基本 选择 器 的 基础 上 添加 过 滤 选 择 器 来 完成 查询 任务 。 根 据 具体 情 
况 ， 在 过 滤 选 择 器 中 可 以 使 用 元 素 的 索引 值 、 内 容 、 属 性 、 子 元 素 位 置 、 表 单 域 属性 以 及 可 见 
性 作为 筛选 条 件 。 

1) 简单 过 滤 

简单 过 滤 选 择 器 主要 根据 索引 值 对 元 素 进行 筛选 ， 它 们 均 以 冒号 :开头 ， 并 且 要 与 另外 一 
个 选择 器 配合 使 用 。 

表 11-4 中 列 出 了 这 些 简单 过 滤 选 择 器 的 语法 说 明 及 示例 。 


表 11-4 简单 过 滤 选 择 器 


名 称 语法 说 明 示 _ 例 
S$("selector:first") 对 当前 jQuery 集合 进行 过 滤 并 选择 第 一 个 匹配 元 素 S$("td:first") 
S$("selector:last") 对 当前 jQuery 集合 进行 筛选 并 选择 最 后 一 个 匹配 元 素 S$("td:last") 


S$("selector:odd" 选择 索引 为 奇数 (从 0 开始 计数 ) 的 所 有 元 素 $("td:0dd" 
S$("selector:even" 选择 索引 为 偶数 (从 0 开始 计数 ) 的 所 有 元 素 S$("selector:even" 


从 匹配 的 集合 中 选择 索引 等 于 给 定 值 的 元 素 。 参 数 index 
指定 元 素 在 selector 集合 中 的 索引 值 ( 从 0 开始 计数 ) 

参数 index 指定 元 素 在 selector 集合 中 的 索引 值 (从 0 开始 
计数 )， 只 有 索引 大 于 此 值 的 元 素 才 会 包含 在 查询 结果 中 
参数 index 是 一 个 非 负 整数 ， 用 于 指定 元 素 在 selector 集 
S$("selector:lt(index)") 合 中 的 索引 值 ( 从 0 开始 计数 )， 只 有 索引 小 于 此 值 的 元 素 | $C"li:It(0)") 


S$("selector:eq(index)") $("li:eq(1)") 


S$("selector:gt(index)") S$("li:gt(0)") 


才 会 包含 在 查询 结果 中 
I 从 匹配 的 集合 中 去 除 所 区 全 沈 苦 党 于 本 的 元 素 。 参 数 rr 
selectorl 和 selector2 均 表 示 任 何 有 效 的 选择 器 
S$(":header") 选择 所 有 诸如 hl1、h2 和 h3 之 类 的 标题 元 素 S$(":h1") 
S$("selector:animated") 选择 所 有 正在 执行 动画 效果 的 元 素 SdivinotCanimated)’") 


2) 内 容 过 滤 

在 HTML 文档 中 ， 元 素 的 内 容 可 以 是 文本 或 子 元 素 。 如 果 将 某 个 选择 器 或 内 容 过 滤 选 择 
器 配合 使 用 ， 就 可 以 从 查询 到 的 元 素 中 进一步 筛选 出 具有 给 定 文本 或 子 元 素 的 元 素 。 

表 11-5 中 列 出 了 这 些 内 容 过 滤 选 择 器 的 语法 说 明 及 示例 。 


表 11-5 内 容 过 滤 选 择 器 


名 称 语法 说 明 示 例 
选择 包含 给 定 文本 的 所 有 元 素 。 参 数 selector 表 


$("selector:contains(text)") 示 任 何 有 效 的 选择 器 ，text 指定 要 查找 的 文本 ( 引 | $("p:contains('hi”)") 
号 是 可 选 的 ) 
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续 表 
名 称 语法 说 明 示 例 
选择 含有 给 定子 元 素 的 元 素 。selectorl 和 selector2 
均 为 任何 有 效 的 选择 器 。 如 果 selectorl 元 素 至 少 
包含 一 个 与 selector2 匹配 的 元 素 ， 则 该 元 素 将 包 
含 在 查询 结果 中 
选择 不 包含 子 元 素 或 文本 的 所 有 空 元 素 。 参 数 
selector 是 任何 有 效 的 选择 器 ，selector 集合 中 不 
包含 子 元 素 或 文本 的 所 有 空 元 素 将 被 包含 在 查询 
结果 中 
选择 包含 子 元 素 或 文本 的 元 素 ， 与 :empty 选择 器 
的 作用 相反 


S$("selectorl:has(selector2)") S$("li:has(p)") 


S$("selector:empty") S$("td:empty") 


S$("selector:parent") S$("td:parent") 


3) 属性 过 滤 

在 jQuery 中 , 除了 直接 使 用 id 和 class 属性 作为 选择 器 之 外 ,还 可 以 根据 各 种 属性 (如 title 
等 ) 对 由 选择 器 查询 到 的 元 素 进行 过 滤 。 属性 过 滤 选 择 器 包含 在 中 括号 [] 里 , 而 不 是 以 冒号 开头 。 
通过 使 用 “选择 器 [属性 过 滤 选 择 器 ]” 语 法 格式 ， 可 以 根据 是 否 包 含 指 定 属性 或 根据 属性 值 从 
查询 到 的 元 素 中 进行 筛选 。 

表 11-6 中 列 出 了 这 些 属性 过 滤 选 择 器 的 语法 说 明 及 示例 。 


表 11-6 属性 过 滤 选 择 器 


名 称 语法 说 明 示 例 
S$("selector[attribute]") 入 征 色 信介 才 民 性 的 所 让 元 未 者 雪 S$("div[id]") 
attribute 表示 属性 名 


选择 给 定 属性 等 于 特定 值 的 所 有 元 素 ， 
S$("selector[attribute=value]") 参数 attribute 表示 属性 名 ，value 表示 | $("input[name=accept]") 
属性 值 

选择 指定 属性 值 包含 给 定子 字符 串 的 

所 有 元 素 。 参 数 用 于 指定 要 查找 的 元 

素 ; 参数 attribute 为 属性 名 , 参数 value 

为 属性 值 

选择 指定 属性 值 中 包含 给 定单 词 (由 空 

格 分 隔 ) 的 元 素 

选择 不 包含 指定 属性 , 或 者 包含 指定 属 

性 但 该 属性 不 等 于 某 个 值 的 所 有 元 素 

选择 给 定 属性 是 以 某 特定 值 开 始 的 所 

有 元 素 

选择 指定 属性 是 以 某 个 给 定 值 结 尾 的 

所 有 元 素 

S$("selector[selectorl][selectorN]") | 选择 同时 满足 多 个 条 件 的 所 有 元 素 $("input[id][name$="man']") 


S$("selector[attribute*=value]") S$("input[name*='news']") 


$("selector[attribute~=value]") $("input[name~—='news']") 


S$("selector[attribute!=value]") $("input[name!='newsletter"]") 


$("selector[attribute^=value]") S$("input[name^='news']") 


$("selector[attribute$=value]") $("input[name$='news']") 
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4) 子 元 素 过 滤 

子 元 素 过 滤 选 择 器 必须 与 某 个 选择 器 配合 使 用 。 首 先 使 用 这 个 选择 器 进行 查询 ， 由 此 得 到 
一 个 ( 父 ) 元 素数 组 ， 然 后 按照 子 元 素 过 滤 选 择 器 指定 的 索引 值 或 规则 ， 为 该 数组 中 的 每 个 ( 父 ) 
元 素 进一步 筛选 出 部 分 子 元 素 。 

表 11-7 中 列 出 了 这 些 子 元 素 过 滤 选 择 器 的 语法 说 明 及 示例 。 


表 11-7 子 元 素 过 滤 选 择 器 


$("selector-first-child") 选择 其 父 级 的 第 一 个 子 元 素 的 所 有 元 素 SCul:firstchild ) 
$("selector:last-child") | 选择 其 父 级 的 最 后 一 个 子 元 素 的 所 有 元 素 | $("ul:last-child") 
$("selector:nth-child(index)") 选择 父 元 素 下 的 第 N 个 子 元 素 或 奇偶 元 素 S$("ul li:nth-child(4)") 


如 果 某 个 元 素 是 父 元 素 中 唯一 的 子 元 素 ， 那 将 
S$("selector:only-child") 会 被 匹配 ， 否 则 将 不 会 被 匹配 S$("ul li:only-child") 
会 3? 到 


5) 表单 域 属性 过 滤 

表单 内 包含 各 种 各 样 的 表单 域 , 使 用 表单 域 属性 选择 器 可 以 轻松 地 获取 已 被 选中 的 单 选 按 
钮 、 复 选 框 以 及 列表 项 ， 也 可 以 根据 是 否 可 用 从 文档 中 查找 表单 域 。 

表 11-8 中 列 出 了 这 些 表单 域 过 滤 选 择 器 的 语法 说 明 及 示例 。 


表 11-8 ”表单 域 过 滤 选择 器 
名 称 语法 说 明 示 _ 例 


选择 所 有 被 选中 的 表单 域 。 参 数 selector 用 于 指定 要 
$("selector:checked") S$("input:checked") 
查找 的 元 素 类 型 ， 可 以 是 input、radio 或 checkbox 


S$("selector:enabled") 选择 所 有 可 用 的 表单 域 S$("input: enabled ") 
S$("selector:disabled") 选择 所 有 被 禁用 的 表单 域 S$("input:disabled") 


$("selector:selected") 从 列表 框 里 选择 所 有 选中 的 option 元 素 Ssolps 


option:selected") 


6) 可 见 性 过 滤 

如 果 某 元 素 及 其 父 元 素 在 文档 中 占有 空间 ， 则 认为 该 元 素 为 可 见 。 反 之 ， 如 果 某 元 素 及 其 
父 元 素 在 文档 中 不 占用 空间 ， 则 认为 该 元 素 为 不 可 见 。 

表 11-9 中 列 出 了 这 些 可 见 性 过 滤 选 择 器 的 语法 说 明 及 示例 。 


表 11-9 ”可见 性 过 滤 选 择 器 


S$("selector:hidden") 选择 所 有 不 可 见 元 素 


选择 所 有 可 见 元 素 


S$("tr:hidden") 


S$("tr:visible") 


S$("selector:visible") 


11.1.2 ”实例 描述 


之 前 坚持 认为 使 用 原生 的 JavaScript 才 是 王道 ， 那 种 直接 书写 document getElementById 的 
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方式 让 我 感到 无 尽 的 喜悦 。 应当 说 JavaScript 本 身 十 分 优雅 并 且 有 一 种 神秘 , 让 前 端 开发 人 员 倍 
感 煎熬 的 不 是 JavaScript 诡异 的 方式 ， 更 多 的 应 该 是 不 同 浏览 器 对 DOM 及 JavaScript 的 解析 。 

你 应 当 还 记得 if(navigator.userAgent.toLower().indexOf('msie')) 吧 ? 一 方面 使 用 jQuery 你 完 
全 不 必 考 虑 textContent 与 innerText， 男 一 方面 jQuery 强大 之 处 便 是 它 的 选择 器 。 相 信 你 只 要 
有 CSS 的 基础 ， 就 能 很 快 使 用 jQuery 写 出 强大 而 简洁 的 语句 。 

古语 讲 “ 工 欲 善 其 事 ， 必 先 利 其 器 ”， 所 以 我 的 建议 是 一 定 要 使 用 jQuery。 现 在 它 已 经 成 
为 我 做 项 目的 唯一 JavaScript 库 。 

下 面 将 向 大 家 介绍 如 何 利用 jQuery 获取 页 面 元 素 信息 。 


11.1.3 ”实例 应 用 


【 例 11-1】 利用 $0 获取 页 面 元素 信 息 。 
(1) 新 建 一 个 MVC 项 目 ， 命 名 为 jqueryMvcApplication。 
(2) 添加 一 个 名 称 为 Member 的 Controller。 
(3) 在 MemberController 中 新 建 一 个 名 称 为 Index 的 Action， 并 返回 默认 视图 。 
(4) 新 建 一 个 母 版 页 ， 并 添加 名 称 为 TitleContent 和 MainContent 的 内 容 页 。 


@ ”后 面 的 操作 都 是 在 本 实例 中 创建 的 MVC 项 目 上 进行 扩展 , 使 用 的 Controller 也 都 
提示 | 是 Member。 


(5) 进入 Index 视图 文件 ， 添 加 如 下 代码 ， 引 入 所 需 的 jQuery 类 库 。 


<script src="../../Scripts/jquery-1.4.1.min.js" 
type="text/javascript"></script> 


(6) 设计 实例 的 布局 ， 添 加 标题 、 表 格 、 表 单元 素 和 提交 按钮 等 。 部 分 代码 如 下 : 
<h2> 注 册 成 为 本 站 的 会 员 </h2> 


<fieldset> 
<legend> 完 善 下 面 的 信息 </legend> 
<table border="0" width="500" id="MemberArea"> 
<thead> 
<tr><td colspan="2"><h3> 用 户 注册 </h3></td> </tr> 
</thead> 
<tbody> 
<tr> 
<td class="td left"> 登 录 名 : </td> 
<td><%=Htm]l .TextBox ("loginName") %></td> 
</ErS 
<tr> 
<td class="td left"> 密 码 : </td> 
<td><%=Htm]l .Password ("password") %></td> 
</tr> 
EE 
<td class="td left"> 确认 密码 : </td> 
<td> <%=Html.Password ("password2") %></td> 
</tr> 
<tr> 
<td class="td left"> 性 别 : </td> 


去 
全 
形 
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<td> <%=Htm]l .RadioButton("sex", true, new { style = "border:0; 
width:30px;" })%> 男 <%=Html .RadioButton ("sex", false, new { style = "border:0; 
width:30px;”]})%> 女 
</td> 
Er 
SE 
<tqd class="td left"> 已 婚 : </td> 
<td> <%=Html .CheckBox ("married", false, new { style = "border:0; 
width:30px;" })%> </td> 
<HErS 
4 
<td class="td left"> 安全 邮箱 : ”</td> 
<td> <%=Html .TextBox ("email") %> 输 入 你 常用 的 邮箱 ( 找 回 密码 使 用 ) </tad> 
</tr> 
<tr> 
<td class="td left"> 联系 电话 : </td> 
<td> <%=Html .TextBox ("phone") %> 输 入 你 常用 的 联系 电话 (或 手机 ) </td> 
</tr> 
4 过 二 
<td colspan="2" align="center"> <br /> <input id="Buttonl" type="button" 
value=" 确 定 " /> </td> 
A 
</tbody> 
</table> 
</fieldset> 


(7) 编写 jQuery 代码 ， 首 先 编写 一 个 函数 ， 它 在 页 面 加 载 完成 后 执行 。 


<script language="javascript" type="text/javascript"> 
$ (document) .ready (function () { 


// 页 面 加 载 完 成 后 执行 
a 
(8) 使 用 选择 器 对 页 面 的 外 观 进 行 修改 ， 包 括 改变 表格 间隔 行 的 背景 色 ， 为 表单 名 称 添加 
背景 色 以 及 设置 标题 的 字体 大 小 。 代 码 如 下 : 


$("#MemberArea tbody tr:even") .css("backgroundColor", "#E6F4FE"); 


// 分 组 选择 器 
$(".td left") .css({ "backgroundColor": "#12eb87", "color": "#000" }); 
// 类 选择 器 
$ ("legend") .css ("fontsize", 14); / /标签 选择 器 
(9) 编写 代码 实现 单 击 【 确 定 】 按 钮 后 获取 输入 的 信息 并 弹出 显示 。 部 分 实现 代码 如 下 : 
$("#Buttonl") .click (function () { /1ID 选 择 器 


msg = "你 好 ， 用 户 : " + $("#loginName") .val() + ",\n" 

+ "请 记 好 你 的 密码 : ”+ $("#password") .val() + ",\n" 

+ "邮箱 : " + $("#email") .val() + ",\n" 

+ "电话 : " + $("#phone") .val() + "。"; 

alert (msg); // 弹 出 对 话 框 

Ds 
在 这 段 代 码 中 ，msg 变量 保存 了 使 用 jQuery 获取 的 用 户 名 、 密 码 、 邮 箱 以 及 电话 。Alert0 
是 JavaScript 的 内 置 函数 ， 可 以 弹出 一 个 显示 字符 串 的 对 话 框 。 

(10) 打开 项 目的 Global.asax 文件 ， 设 置 默认 Controller 为 Member， 默 认 Action 为 Index。 
至 此 ， 我 们 完成 了 整个 系统 的 设计 。 


TT 
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“TE 


11.1.4 ”运行 结果 


先 编译 再 运行 本 节 的 jqueryMvcApplication 项 目 。 

由 于 修改 了 Global.asax 文件 ， 打 开 后 浏览 器 中 显示 的 默认 视图 为 member/index。 在 该 页 
面 中 会 显示 预先 设计 的 内 容 。 

在 表单 中 输入 注册 信息 ， 单 击 【确定 】 按 钮 将 看 到 结果 ， 如 图 11-1 所 示 。 


注册 感 为 本 站 的 全 器 


RTE 


Mr 


图 11-1 获取 页 面 元 素 信息 运行 效果 


11.1.5 实例 分 析 


S 源码 解析 


由 于 jQuery 会 作为 MVC 的 默认 JavaScript 类 库 被 放 在 Scripts 目录 下 ， 因 此 在 View 中 很 
容易 将 其 引入 文件 ， 但 是 要 注意 路 径 以 及 文件 名 必须 保持 一 致 。 

<script src="../../Scripts/jquery-1.4.1.min.js" type="text/ 

javascript"></script> 

接 下 来 ， 本 实例 利用 jQuery 中 的 选择 器 修改 页 面 元 素 的 显示 样式 ， 以 及 获取 输入 的 数据 
并 弹出 显示 。 

另外 ， 还 需要 注意 的 是 jQuery 代码 的 编写 位 置 是 在 页 面 加 载 完成 后 执行 ， 即 在 jQuery 的 
$(document).ready0 通 数 内 。 


11.2 遍历 所 有 的 相同 元 素 


开发 人 员 在 做 项 目的 时 候 ， 为 了 使 页 面 整 齐 和 美观 ， 通 常会 对 页 面 元 素 设置 样式 ， 其 中 最 
常用 的 就 是 jQuery。 当 需要 对 页 面 的 某 个 或 者 某 些 元 素 进 行 设置 时 ， 就 要 先 搜索 这 些 元 素 ， 然 
后 对 它们 的 样式 表 进 行 设置 。 
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jQuery 提供 了 很 多 操作 指定 元 素 的 方法 ， 例 如 搜索 、 过 滤 、 串 联 和 筛选 等 。 在 这 里 我 们 来 
看 看 如 何在 页 面 中 搜索 具有 同一 层次 的 页 面 元 素 。 


上 视频 教学 ;光盘 /videos/11/11.2 遍历 所 有 的 相同 元 素 @k 度 : 8 分 钟 


11.2.1 基础 知识 一 一 搜索 同辈 元 素 


在 常规 的 DOM 编程 中 ， 可 使 用 previousSibling 和 nextSibling 属性 来 检索 与 当前 元 素 相 邻 
的 同辈 元 素 。jQuery 提供 了 类 似 的 方法 来 搜索 当前 元 素 的 同辈 元 素 ， 而 且 功能 更 为 强大 。 
表 11-10 中 列 出 了 这 些 搜索 同辈 元 素 方法 的 语法 说 明 及 示例 。 


表 11-10 ”搜索 同辈 元 素 方法 
名 称 语法 说 明 示 例 
获取 紧 跟 在 每 个 匹配 元 素 之 后 的 单个 同辈 元 素 ， 根 | $("p").next("p").css("color","# 
next([selector]) = 
据 需 要 还 可 以 指定 一 个 选择 器 对 同辈 元 素 进行 筛选 | FCF"); 
nextAll([selector]) | 搜索 跟 在 每 个 匹配 元 素 之 后 的 所 有 同辈 元 素 as 


ue"); 
i 获取 跟 在 每 个 匹配 元 素 后 面 的 同辈 元 素 直 至 匹配 | $("#div1").nextUntil("div").css 
Ber een 给 定 选择 器 的 元 素 (但 不 包括 该 元 素 ) ("border"."1px solid red"); 


end 搜索 紧邻 每 个 匹配 元 素 前 面 的 单个 同辈 元 素 A One Re 


olor","blue"):; 
prevAll([selector]) 搜索 当前 元 素 之 前 所 有 的 同辈 元 素 人 
"color"."blue"); 
搜索 当前 元 素 之 前 所 有 的 同辈 元 素 ， 直 到 遇 到 匹配 | $("#div2").prevUntil("input"). 
Wl 的 那个 元 素 为 止 css("color"."red"): 
siblings([selector]) 搜索 每 个 匹配 元 素 的 所 有 同辈 元 素 ， 还 可 以 指定 一 | $("div").siblings().css("color", 
个 选择 器 对 这 些 同辈 元 素 进 行 筛选 "red"); 


11.2.2 ”实例 描述 


前 段 日 子 的 空闲 时 间 比 较 充 裕 ， 利 用 这 些 时 间 对 学 校 的 网 站 进行 了 局 部 优化 。 主 要 是 在 显 
示 列 表 内 容 的 时 候 利 用 jQuery 来 改善 其 表现 方式 ( 像 校内 新 闻 栏 目 、 教 学 文件 栏目 等 )， 修 改 后 
的 效果 非常 不 错 。 

终于 有 时 间 整 理 一 下 了 ， 下 面 就 将 此 方法 公布 出 来 ， 希 望 对 正在 研究 的 朋友 有 所 帮助 。 


11.2.3 ”实例 应 用 


【 例 11-2】 遍 历 所 有 的 相同 元 素 。 
(1) 在 MemberController 中 添加 名 称 为 List 的 Action。 


mm) >> 
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(2) 为 List 添加 View， 并 在 返回 默认 的 视图 文件 中 应 用 上 一 节 创 建 的 母 版 页 。 
(3) 制作 一 个 列表 文件 ， 这 里 使 用 ul 标记 来 实现 。 部 分 代码 如 下 : 


<ul> 

<1i>2010 年 11 月 份 教学 工作 计划 <span>[ 2010-10-4 ]</span></1i> 
<1i id="t1"> 第 十 一 周 媒体 0901 专业 实 训 课表 <span>[ 2010-10-4 ]</span></1i> 
<1i>2010 年 下 学 期 计算 机 信息 技术 第 十 一 周 实 训 课表 

<span>[ 2010-10-4 ]</span></1i> 
<1i>2010 级 IBM 高 职 软件 技术 专业 人 才 培 养 方 案 <span>[ 2010-9-10 ]</span></1i> 
<1i id="t2"> 多 媒体 技术 专业 2010 级 人 才 精 细 化 培养 方案 

<span>[ 2010-9-10 ]</span></1i> 
<1i> 计 算 机 网 络 技术 专业 人 才 精 细 化 培养 方案 <span>[ 2010-9-10 ]</span></1i> 
<1i> 计 算 机 信息 管理 专业 人 才 精 细 化 培养 方案 <span>[ 2010-9-10 ]</span></1i> 
<li id="t3">2010 下 学 期 我 系 教学 任务 概况 <span>[ 2010-9-1 ]</span></1i> 
<1i> 信 息 工程 系 2010 年 下 学 期 09 级 重修 工作 安排 <span>[ 2010-9-1 ]</span></1i> 
<1i>ACCP 班 Y2 补考 考场 安排 表 <span>[ 2010-9-1 ]</span></1i> 


</ul> 
(4) 引入 jQuery 的 类 库 文件 jquery-1.4.1.min.js。 
<script src="../../Scripts/jquery-1.4.1.min.js" 


type="text/javascript"></script> 


(5) 编写 页 面 加 载 完成 的 jQuery 代码 ， 如 下 所 示 : 


<script language="javascript" type="text/javascript"> 
$ (document) .ready (function () { 
}) 

</script> 


(6) 在 ready0 函 数 内 为 tl1、t2 和 13 进行 搜索 并 设置 CSS 样式 。 
// 给 t1 下 一 个 同辈 元 素 设置 字体 颜色 


StL exe CSCOLOr "rr "EOE™) 

// 给 t1 元 素 后 面 的 所 有 同辈 元 素 设置 边框 

$("#t1") .nextAll() .css ("border", "lpx solid #F00"); 
// 给 t2 元 素 前 面 的 一 个 同辈 元 素 设置 字体 颜色 
("et2") .prev() .cas("color™e "#99c")s 

// 给 t2 元 素 前 面 的 所 有 同辈 元 素 设置 背景 

$("#t2") .prevAll () .css ("background", "“#FCF"); 

// 给 所 有 t3 的 同辈 元 素 设置 字体 颜色 

("Et3") .siblings () -cas("color™r "#99F")? 


11.2.4 ”运行 结果 


至 此 已 完成 对 实例 的 修改 。 运 行 页 面 输入 member/list 请 求 并 查看 效果 ， 图 11-2 为 应 用 之 


前 的 效果 。 


现在 ， 添 加 jQuery 代码 再 看 一 看 应 用 之 后 的 效果 ， 如 图 11-3 所 示 。 


怀 m 
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查看 所 有 教学 文件 


图 11-2 应 用 之 前 的 效果 图 11-3 ”应 用 之 后 的 效果 


11.2.5 ”实例 分 析 


ge 


在 本 实例 的 List 视图 文件 中 仅 用 了 一 个 ul 标记 ， 包 含 的 多 个 i 标记 均 位 于 同一 层 中 。 通 
过 设置 3 个 id 属性 ， 指 定 搜索 时 的 开始 位 置 。 

从 运行 效果 的 两 幅 图 中 可 以 看 出 ， 应 用 之 前 所 有 列表 均 显示 相同 样式 。 应 用 之 后 ， 整 个 列 
表 被 标识 为 很 多 小 块 ， 每 一 块 都 具有 单独 的 显示 样式 。 

从 而 可 以 更 加 清晰 地 区 分 它们 的 状态 。 例 如 ， 用 tl 标识 最 新 发 布 的 ，t 标识 已 经 下 载 过 
的 ，t3 标识 已 过 期 的 等 。 


11.3 ”突出 显示 图 片 


平时 网 上 冲浪 ， 我 们 会 被 一 些 显 示 效果 非常 特别 的 东西 所 吸引 。 例 如 ， 在 一 个 普通 的 新 闻 
列表 中 ， 可 以 使 用 加 粗 或 者 其 他 颜色 来 增加 权重 。 在 一 个 图 片 列表 中 ， 随 着 鼠标 的 移动 ， 选 中 


的 某 张 图 片 将 会 突出 显示 。 
类 似 实现 手段 都 只 有 一 个 目的 ， 即 希望 被 更 多 地 关注 。 下 面 我 们 就 来 学 习 一 种 最 简单 的 实 

现 方式 。 

忆 忽 视频 教学 ， 光盘 /videos/11/11.3 突出 显示 图 片 Ok 度 : 6 分 名 


11.3.1 基础 知识 一 一 eq() 方 法 


jQuery 可 以 对 搜索 到 的 页 面 元 素 进 行 过 滤 操 作 ， 也 就 是 对 被 查找 元 素 集合 进行 筛选。 其 中 
最 主要 的 是 eq0 方 法 ， 其 语法 格式 如 下 : 


eql(index) 


其 中 ， 参 数 index 表示 索引 值 (从 0 开始 )。 执 行 后 可 以 获取 第 index 个 元 素 。 
假设 有 如 下 HTML 代码 : 


sm >> 
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<table width="200" border="1"> 
Er 
<td>gnbsp;</td> 
<td>gnbsp;</td> 
</tr> 
<tr> 
<td>gnbsp;</td> 
<td>gnbsp;</td> 
</tr> 
</table> 


现在 要 筛选 出 第 4 个 单元 格 ， 并 将 它 的 背景 色 设置 为 定 CF， 代 码 如 下 : 


$ ("td") .eq(3) .css ("background", "#FCF"); 


11.3.2 ”实例 描述 


如 何在 一 些 图 片 列表 中 突出 显示 某 一 张 图 片 呢 ? 

相信 做 Web 网 站 开发 的 朋友 都 遇 到 过 类 似 的 问题 ， 我 就 曾 在 一 个 项 目 中 为 此 功能 而 苦战 
了 两 天 还 没 弄 正确 。 

后 来 ， 有幸 得 到 一 位 专家 的 妙 方才 得 以 实现 。 下 面 给 出 解决 与 实现 方法 ， 有 兴趣 的 朋友 共 
同 研究 一 下 。 


11.3.3 ”实例 应 用 


【 例 11-3】 突 出 显示 图 片 。 
(1) 在 MemberController 中 添加 名 称 为 Photo 的 Action 。 
(2) 为 Photo 添加 View， 并 在 返回 默认 的 视图 文件 中 应 用 母 版 页 。 
(3) 引入 jQuery 的 类 库 文件 jquery-1.4.1.min.js。 
(4) 制作 一 个 图 片 列表 ， 并 包含 一 个 标题 。 最 终 布 局 代码 如 下 : 
<div id="photos"> 
<h1> 最 受 欢迎 的 课程 列表 </h1> 
<img src="/images/yuwenl.jpg" /> 
<img src="/images/yuwen2.jpg" /> 
<img src="/images/gushi.jpg" title=" 故 事 大 王 "/> 
<img src="/images/shuxue.jpg" /> 
</div> 


可 以 看 到 ， 在 ID 为 photos 的 容器 中 包含 了 4 个 用 img 标记 显示 的 图 片 。 其 中 ， 第 3 张 将 
是 后 面 用 代码 来 实现 突出 显示 的 。 
(5) 编写 jQuery 代码 ， 实 现 预 期 的 效果 。 


<script language="javascript" type="text/javascript"> 
$ (document) .ready (function () { 
// 使 第 3 张 图 片 突出 显示 
$("#photos img") .eq(2) .css ("border-color", "#F00"); 
}) 
</script> 


< 
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(6) 保存 对 View 和 Controller 的 修改 ， 重 新 编译 项 目 。 


11.3.4 ”运行 结果 


运行 项 目 ， 在 浏览 器 中 输入 member/photo 请 求 查看 效果 。 页 面 打开 后 会 看 到 在 4 张 图 片 
中 只 有 第 3 张 使 用 了 红色 边框 显示 ， 把 鼠标 移 到 上 面 时 还 会 显示 提示 ， 如 图 11-4 所 示 。 


RR 
SEE 


最 受 欢迎 的 课程 列表 


11-4 ”突出 显示 第 3 张 图 片 效 果 


11.3.5 ”实例 分 析 


S 源码 解析 


整个 实例 的 制作 过 程 比较 简单 ， 唯 一 需要 注意 的 是 eq() 方 法 的 使 用 。 
在 应 用 eq() 方 法 之 前 可 以 用 jQuery 选择 器 从 页 面 中 匹配 所 需 的 页 面 元 素 , 而且 这 些 元 素 应 
该 是 一 个 集合 。 另 外 ，eq(0 方 法 传递 的 索引 值 是 从 0 开始 。 


11.4 获取 调查 表单 的 数据 


最 开始 的 网 页 都 是 静态 网 页 ， 即 基于 HIML 表单 控件 来 进行 开发 的 。 像 文本 框 、 按 钮 和 
下 拉 列 表 之 类 的 常用 表单 控件 ， 都 可 以 用 来 满足 用 户 的 基本 需求 。 
本 节 我 们 就 来 创建 一 个 静态 的 调查 表单 ， 然 后 利用 jQuery 获取 View 中 的 表单 数据 。 


上 视频 教学 :光盘 /videos/11/11.4 获取 调查 表单 的 数据 Ok 度 : 1 分 外 


11.4.1 基础 知识 一 一 val() 方 法 

本 节 我 们 将 介绍 一 个 专门 用 于 操作 表单 元 素 的 方法 一 一 val0 方 法 。val0 方 法 可 以 获取 和 设 
置 表单 元 素 的 值 ， 包 括 文本 框 、 下 拉 列 表 框 、 单 选 按钮 以 及 复 选 框 等 。 

1. 获取 元 素 值 


当 val0 方 法 不 带 参数 时 ， 则 返回 第 1 个 匹配 元 素 的 值 。 如 果 是 可 多 选 的 元 素 ， 则 返回 一 个 
数组 ， 其 中 包含 选中 的 每 个 值 。 语 法 格式 如 下 : 


mm >> 
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Val() 


假设 有 如 下 一 段 的 HTML 代码 : 


上 昵称: <input type="text" id="nickname" value="itzcn" /><br /> 
兴趣 : <select id="intest" multiple="multiple"> 
<option selected="selected"> 上 网 </option> 
<option selected="selected"> 音 乐 </option> 
<option> 游 戏 </option> 


</select> 
要 获取 “姓名 ”文本 框 和 “爱好 ”列表 框 中 的 元 素 值 ， 可 用 如 下 的 代码 : 
Var strName=$ ("#nickname") .val (); // 结 果 为 : itzcn 
Var aryFonds=$ ("#intest") .val (); // 结 果 为 : [" 上 网 "，" 音 乐 ”] 


当然 ， 也 可 以 结合 :selected 和 :checked 选择 器 来 获取 元 素 的 值 。 例 如 : 


$("select option:selected") .val (); // 获 取 多 选 列表 框 的 值 
$ ("select") .val() // 获 取 多 选 列 表 框 的 值 (简洁 方式 ) 
$("input:checkbox:checked") .val (); // 获 取 一 个 选中 复 选 框 的 值 


$ ("input:radio[name=intest] :checked") .val (); // 获 取 一 个 单 选 按钮 组 的 值 
2. 设置 元 素 值 
当 在 val0 方 法 中 传递 一 个 字符 串 或 者 数组 作为 参数 时 , 此 参数 将 用 来 设置 匹配 集合 中 每 个 
元 素 的 值 。 语 法 格式 如 下 : 


val (value) 


例如 ， 将 上 面 “姓名 ”文本 框 的 值 设置 为 hi jQuery 的 代码 如 下 : 


$("#nickname") .val ("hi jQuery"); // 通 过 一 个 字符 串 为 元 素 赋值 
将 上 面 “ 爱 好 ”列表 框 中 的 所 有 值 选中 ， 可 用 如 下 的 代码 : 
$("#intest") .val ([" 上 网 ", "音乐 ", "游戏 "] ) ; // 通 过 一 个 数组 为 元 素 赋值 


3. 根据 索引 设置 元 素 值 
val() 方 法 也 允许 将 一 个 函数 作为 参数 ， 其 语法 格式 如 下 : 


val (function (index, Value) ) 


function(index, value) 函 数 接收 两 个 参数 : index 为 元 素 在 集合 中 的 索引 位 置 ，text 为 当前 元 
素 的 text 值 。 在 此 函数 可 以 用 this 来 指向 当前 元 素 ， 返 回 一 个 要 设置 的 元 素 值 。 
例如 ， 在 所 有 复 选 框 元 素 的 值 前 添加 chk 前 缀 ， 代 码 如 下 : 


$("input:checkbox") .val (function (index,value){ 
return "chk " +$ (this) .val(); 
Ps 


11.4.2 ”实例 描述 
下 面 通过 实例 来 看 一 下 如 何 使 用 val0 方 法 读 取 和 设置 表单 元 素 的 值 . 首先 需要 一 个 包含 表 


单元 素 的 表单 ， 在 这 里 我 们 综合 了 各 种 常见 的 表单 元 素 ， 包 括 文本 框 、 密 码 框 、 复 选 框 、 单 选 
按钮 、 多 选 列表 框 、 下 拉 列 表 框 以 及 多 行文 本 框 和 按钮 等 。 


< 全 一 


Mc Web 开 发 学 习 实录 


mh) >> 


11.4.3 ”实例 应 用 


【 例 11-4】 获 取 调 查 表单 的 数据 。 
(1) 在 MemberController 中 添加 名 称 为 Diaocha 的 Action 。 
(2) 为 Diaocha 添加 View， 并 在 返回 默认 的 视图 文件 中 应 用 母 版 页 。 
(3) 引入 jQuery 的 类 库 文件 jquery-1.4.1.min.js。 
(4) 制作 调查 表单 ， 并 将 它们 放 在 一 个 table 中 。 下 面 是 实例 所 需 的 表单 代码 。 


<table width="470" align="center" cellpadding="5" cellspacing="1" > 
<tr height=20> 
<th width="445"” > 用 户 调查 表单 </th> 
</tr> 
<iEr> 
<tqd > 用 户 名 :<input type="text" i 
密码 : <input type="password" i 
size="10"></td> 
Er 
< 
<td> 常 去 网 站 : 
<input type="checkbox" name="chkWebSite" 
value="csdn">CSDN&gnbsp; gnbsp; 
<input type="checkbox" name="chkWebSite" 
value="msdn">MSDNgnbsp; gnbsp; 
<input type="checkbox" name="chkWebsite" value="xinwen"> 新 闻 网 
&nbsp; Enbsp; 
<input type="checkbox" name="chkWebsite" value="ccw"> 计 世 网 
&nbsp; gnbsp; 
<input type="checkbox" name="chkWebSite" value="jiaocheng"> 教 程 网 


"nameIpt"” value=" 游 客 " size="10"> 
"passIpt" value="123456" 


</td> 
</tr> 
<tr> 
<td> 默 认 搜索 : 
<input type="radio" name="rdSearch" value="baidu">baidugnbsp; &nbsp; 
<input type="radio" name="rdSearch" 
value="google">google&gnbsp; &nbsp; 
<input type="radio" name="rdSearch" value="yahoo">yahoo 
&nbsp; gnbsp; 
<input type="radio" name="rdSearch" value="msn">MSN</td> 
</tr> 
< 
<td valign="top"> 掌 握 技能 : 
<select name="select" multiple="multiple" id="select1"> 
<option> 前 台 Web 设计 </option> 
<option> 网 站 优化 与 推广 </option> 
<option>ASP .NET 网 站 开发 </option> 
<option>js 客户 端 编程 </option> 
<option>XML 应 用 </option> 
<option>DIV+CSS</option> 
</select> 
最 想 了 解 的 技术 : 


<select name="select2" id="select2"> 
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<option>jQuery 开发 </option> 
<option>.NET 框架 </option> 
<option> 设 计 模 式 </option> 
<option>sql 数据 库 </option> 
<option> 网 络 通信 </option> 
</select></td> 
EL> 
<tr> 
<td valign="top"> 简 单 描述 :<br> 
<textarea name="textarea" cols="50" rows="2" id="more"> 网 
站 :www.itzcn.com</textarea></td> 
< 
<tr> 
<td><input type="submit" id="btnsubmit" value=" 提 交 "> 
<input type="reset" id="btnReset" value=" 重 置 "></td> 
</tr> 
</table> 


(5) 在 页 面 的 合适 位 置 添加 一 个 表格 用 来 显示 结果 ， 具 体 代 码 如 下 : 


<table width="100%" border="0" align="center"> 
SE 
<th height="20"> 结 果 显 示 区 域 </th> 
</tr> 
< 
<td id="res"></td> 
</tr> 
</table> 


ID 为 res 的 单元 格 用 来 显示 用 户 在 表单 中 选择 的 结果 。 
(6) 编写 jQuery 代码 ， 利 用 val0 方 法 设置 表单 元 素 的 赋值 。 代 码 如 下 : 


<script language="javascript" type="text/javascript"> 
$ (document) .ready (function(){ 
// 设 置 密码 框 的 值 
$("#passIpt") .val ("hellojquery"); 
// 设 置 复 选 框 的 值 
$("input:checkbox[name='chkWebSite']") .val(["msdn","csdn"]); 
// 设 置 单 选 按钮 的 值 


$ ("input:radio[name='rdSearch']") .val (["baidu"]); 


// 设 置 多 选 列表 框 的 值 
$("#select1") .val ([" 前 台 Web 设计 ", "ASP.NET 网 站 开发 "] ) ; 


ee 

此 时 运行 页 面 将 会 发 现 有 很 多 表单 元 素 会 被 选中 , 说 明 在 上 述 代码 中 对 表单 元 素 值 的 修改 
已 经 生效 。 

(7) 为 表单 中 “提交 ”按钮 的 单 击 事件 编写 代码 ， 使 其 被 单 击 后 获取 当前 所 有 表单 元 素 的 
值 ， 并 显示 到 指定 的 区 域内 。 完 整 实现 代码 如 下 : 


$("#btnsubmit") .click (function() { // 单 击 “ 提 交 ” 按 钮 后 执行 
Var namestr=$ ("#nameIpt") .val (); // 获 取 “ 姓 名 ”文本 框 的 值 
var passstr=$ ("#passIpt") .val (); // 获 取 “ 密 码 ” 文 本 框 的 值 
var webSites=Array (); // 获 取 “ 网 站 ” 复 选 框 的 值 


$ ("input:checkbox[name='chkWebSite'] :checked") .each (function(){ 
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webSites [webSites.1Length]=$(this) .val (); 


Ds 
// 获 取 “ 搜 索 ” 单 选 按 钮 的 值 


var searchs=$ (":radio[name='rdSearch'] :checked") .val (); 

var skill=$ ("#select1") .val (); // 获 取 “ 技 能 ”多 选 列表 框 的 值 
Var tech=$ ("#select2") .val(); // 获 取 “ 技 术 ” 下 拉 列 表 框 的 值 
Var text=$ ("#more") .val(); // 获 取 “ 描 述 ” 多 行文 本 框 的 值 
Var btnName=$ ("#btnSubmit") .val (); // 获 取 当 前 按钮 的 值 


var res=btnName+" 按 钮 被 按 下 ， 各 个 选项 的 结果 为 : <br/>" 
+"<u> 姓 名 ; </u>"+nameStr+"，<u> 密 码 : </u>"+passstr 
+"<br/><u> 常 去 网 站 : </u>"+websites+"<br/><u> 默 认 搜 索 : 

</u>"+searchs 

+"<br/><u> 掌 握 技能 ，</u>"+skil1+"<br/><u> 想 了 解 技术 ， </u>"+tech 
+"<br/><u> 个 人 描述 : </u>"+text; // 将 各 个 值 进行 格式 化 

$("#res") .html ("您 的 选择 结果 如 下 <hr/>"+res); // 显 示 所 有 以 上 获取 的 值 

]) 


至 此 ， 整 个 实例 制作 完成 。 


11.4.4 ”运行 结果 


运行 项 目 , 在 浏览 器 中 输入 member/diaocha 请 求 查看 效果 。 在 页 面 中 对 表单 元 素 进行 改变 
后 ， 单 击 【 提 交 】 按 钮 查看 效果 ， 如 图 11-5 所 示 。 


11-5” 读 取 与 设置 表单 元 素 的 值 


11.4.5 ”实例 分 析 


局 源码 解析 


整个 实例 主要 是 使 用 val() 方 法 来 实现 的 。 具 体 过 程 为 ， 先 制作 表单 布局 ， 再 使 用 val() 方 
法 来 初始 化 表单 的 值 ， 接 下 来 在 表单 提交 时 使 用 val() 方 法 获取 输入 的 值 ， 然 后 对 这 些 值 进行 格 
式 化 ， 最 后 显示 到 页 面 上 。 

在 本 实例 的 各 个 制作 步骤 中 都 给 出 了 详细 的 解释 。 但 是 ， 大 家 在 使 用 的 时 候 还 应 注意 区 分 
Val0 方 法 不 带 参 数 和 带 参数 的 作用 .。 


mm >> 
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11.5 可 修改 字体 颜色 的 新 闻 查 看 页 


在 本 节 中 ， 我 们 将 看 到 一 个 普通 的 新 闻 内 容 展示 页 面 。 页 面 上 提供 了 很 多 可 供 选 择 的 颜色 
块 ， 浏 览 者 可 以 根据 自己 的 喜好 单 击 它们 以 改变 内 容 显示 的 颜色 。 


9 
EL? 视频 教学 : 光盘 /videos/11/11.5 可 修改 字体 颜色 的 新 闻 查 看 页 人 @@ 长 度 :11 分钟 


11.5.1 基础 知识 一 一 读 取 / 设 置 CSS 属性 


在 实际 开发 中 往往 需要 对 个 别 的 CSS 属性 进行 设置 。 此 时 ， 使 用 jQuery 提供 的 CSS 属性 
操作 方法 ， 可 以 方便 、 快 捷 地 读 取 和 设置 CSS 属性 。 


1. 读 取 CSS 属性 


在 JavaScript 中 ， 可 以 使 用 “对 象 .style.CSS 属性 ”的 语法 来 读 取 或 者 设置 DOM 元 素 的 
CSS 样式 。 例 如 ，span.style.color 和 p.style.backgroundColor 等 ， 操 作 起 来 非常 复杂 。 

使 用 jQuery 中 的 css0 方 法 ， 只 需 传递 一 个 参数 即 可 获取 CSS 样式 。 语 法 格式 如 下 : 

css(cssName) 

其 中 , 参数 cssName 表示 要 获取 其 值 的 CSS 属性 名 。 该 方法 将 从 匹配 元 素 集合 中 获取 第 1 


个 元 素 的 样式 属性 值 并 返回 。 
例如 ， 要 获取 p 元 素 的 字体 颜色 属性 ， 代 码 如 下 : 


SMD SOLO mS 
$ 无 论 指 定 的 样式 属性 是 通过 style 属性 在 HIML 元 素 中 直接 设置 的 ,还 是 通过 CSS 
经 去 | 。 类 添加 到 元 素 中 的 ， 都 可 以 使 用 css() 方 法 来 读 取 。 


css() 方 法 还 考虑 到 不 同 浏览 器 对 属性 支持 的 差异 ， 提 供 了 一 致 的 访问 接口 。 例 如 ， 对 于 浮 
动 在 右边 的 元 素 ， 下 面 的 代码 都 将 返回 字符 串 right: 


Si sl loat yy //jQuery 方式 
$("div") .css("cssFloat"); //W3C 标准 浏览 器 
$ ("div").css("styleFloat"); //IE 浏览 器 

2. 设置 CSS 属性 


css0 方 法 的 功能 非常 强大 ， 除 了 读 取 CSS 样式 外 ， 还 可 以 设置 元 素 的 CSS 样式 。 语 法 格 
式 如 下 : 


css(cssName,value) 
css (map) 


css(cssName,function (index,value)) 
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其 中 ， 参 数 cssName 表示 要 设置 值 的 CSS 样式 属性 名 ，value 表示 要 设置 的 值 。 如 果 要 设 
置 的 值 是 字符 串 ， 则 需要 用 引号 括 起 来 :如 果 值 是 数字 ， 则 不 需要 引号 ， 而 且 被 默认 转换 为 像 
素 值 。 

css0 方 法 将 对 所 有 匹配 元 素 的 样式 进行 设置 。 例 如 ， 将 所 有 div 元 素 的 文字 设 定 为 白色 ， 
并 修改 背景 为 黑色 ， 代 码 如 下 : 


S$("div") .css ("COLoIT" "者 EEEEEE") 7 
$("div") .css("background-color", "balck"); 


也 可 以 一 次 性 设置 多 个 属性 的 值 。 下 面 的 代码 同时 修改 所 有 div 元 素 的 字体 和 背景 颜色 。 


$ ("div").css({"color":"#FFFFFF", "background-color":"balck"}); 


11.5.2 ”实例 描述 


今天 本 来 是 周末 ， 本 想 好 好 睡 一 天 ， 谁 知 老 同学 小 祺 打 来 电话 (这 段 时 间 让 她 给 弄 得 都 有 
点 不 敢 接 她 电话 了 )。 

通过 了 解 才 知 道 她 又 想 加 个 可 修改 字体 颜色 的 新 闻 查 看 功能 (天 啊 ! 我 只 有 一 天 的 休息 时 
间 啊 )。 经 过 软 磨 硬 泡 我 投降 了 。 

行 了 ， 多 的 咱 就 不 说 了 ， 赶 紧 结 束 休息 日 吧 。 


11.5.3 ”实例 应 用 


【 例 11-5】 可 修改 字体 颜色 的 新 闻 查 看 页 。 
(1) 在 MemberController 中 添加 名 称 为 News 的 Action。 
(2) 为 News 添加 View， 并 在 返回 默认 的 视图 文件 中 应 用 母 版 页 。 
(3) 引入 jQuery 的 类 库 文件 jquery-1.4.1.min.js。 
(4) 制作 网 页 的 主体 部 分 ， 添 加 一 个 ul 列表 作为 颜色 块 显示 区 域 。 如 下 所 示 : 


<ul> 

llyehli> 

<1i></1i> 

<1i></1i> 

<li></Ti> 

elds< HES 

ele< /E> 

<1i></1i> 

<span id="res"></span> 
</ul> 


添加 时 要 注意 HTML 中 元 素 的 顺序 与 结构 。 其 中 ID 为 res 的 span 用 来 显示 用 户 当 前 选择 
的 颜色 值 。 
(5) 添加 真正 显示 新 闻 的 布局 ， 有 新 闻 标 题 、 来 源 、 发 布 时 间 和 具体 内 容 等 。 


<h1> 信 息 时 代 如 何 让 孩子 快乐 高 效 地 学 习 </h1> 
<h2> 来 源 : 本 校 宣传 部 | 浏览 次 数 : 1356 次 | 发 布 时 间 : 2010-12-8</h2> 
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Ls 
<span id="text"> 
<p> 
信息 时 代 ， 知 识 总 量 在 不 断 增加 ， 孩 子 学 习 和 接受 信息 、 知 识 的 渠道 也 越 …. 
</p> 
</span> 


在 这 段 代码 中 需要 注意 ID 是 text 的 span 中 是 新 闻 内 容 ， 它 有 一 个 默认 颜色 ， 也 可 以 根据 
用 户 的 选择 进行 变化 。 
(6) 在 View 最 下 方 添加 JavaScript 代码 ， 先 定义 一 个 颜色 数组 。 
<script language="javascript" type="text/javascript"> 
// 定 义 要 设置 的 颜色 数组 


Var colors=new Array ("#000","#339","#c93","#6C3","#00F", "#0FF","#F66"); 
</script> 


(7) 利用 jQuery 强大 的 选择 器 将 每 个 颜色 应 用 到 所 定义 的 标记 中 。 


$ (document) .ready (function(){ 
$ ("1i") .each (function (index) { // 遍 历 1i 元 素 
// 从 颜色 数组 中 设置 相应 的 颜色 


$ (this) .css("background-color",colors[index]); 
]) 7 
Ds 


(8) 此 时 ， 应 该 编写 代码 实现 单 击 过 后 改变 下 面 的 字体 颜色 。 这 部 分 代码 如 下 所 示 : 


S(T click(Fanctiont) 
var 
activeCss={"border":1,"border-style":"solid","border-color™":"#f00"}; 
$ (this).css(activeCcss); // 设 置 当前 元 素 为 激活 状态 
$("1i") -not($(this)) -css("border"，"0") 7 // 设 置 其 他 元 素 为 不 激活 状态 


var activeColor=$ (this) .css ("backgroundColor"); // 获 取 当 前 元 素 的 背景 色 
$ ("text") .css("color",activeColor); // 将 颜色 应 用 到 字体 上 
$ ("#res") .html ("当前 字体 的 颜色 值 为 : "+activecolor) 

DD); 


(9) 保存 所 做 的 修改 。 至此， 整个 实例 制作 完成 。 


11.5.4 ”运行 结果 
运行 项 目 ， 在 浏览 器 中 输入 member/news 请 求 查看 效果 。 


待 页 面 打开 之 后 ， 会 看 到 在 一 些 颜 色 块 下 方 显示 了 新 闻 的 内 容 ， 如 图 11-6 所 示 。 此 时 ， 
我 们 可 以 单 击 一 个 颜色 块 即 可 更 改 下 面 的 字体 颜色 ， 效 果 如 图 11-7 所 示 。 


< 于 一 
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图 11-6 默认 运行 效果 图 11-7 改变 颜色 后 运行 效果 


11.5.5 实例 分 析 


& 源码 解析 


本 实例 先 定 义 了 一 个 颜色 数组 colors， 然 后 使 用 css() 方 法 依次 将 每 个 颜色 值 应 用 到 页 面 的 
1 标记 上 形成 颜色 块 。 这 一 步 应 用 的 CSS 样式 属性 是 background-color。 

单 击 颜 色 块 时 ， 应 用 css(0) 方 法 修改 了 当前 Ti 标记 的 border、border-style 和 border-color 属 
性 ， 使 其 突出 显示 。 之 后 ， 使 用 css() 方 法 清除 其 他 颜色 块 的 border 属性 。 

剩 下 的 操作 就 是 获取 当前 的 颜色 值 ， 并 将 它 应 用 到 下 面 的 文字 上 。 


11.6 ”横向 滑动 的 下 拉 菜 单 


任何 由 多 个 页 面 组 成 的 网 站 都 需要 某 种 导航 系统 。 所 谓 导航 系统 其 实 就 是 让 浏览 者 能 够 知 
道 自己 在 当前 网 站 里 所 处 的 位 置 ， 并 快速 返回 原来 的 位 置 或 者 快速 找到 你 想 要 进入 的 页 面 。 

制作 网 站 导航 系统 的 方法 有 很 多 种 ， 其 中 使 用 下 拉 菜 单 来 组 织 站 点 结构 是 最 常见 的 办 法 。 
下 面 来 看 看 如 何 用 jQuery 实现 这 种 结构 ， 即 添加 滑动 菜单 效果 。 


上 视频 教学 ， 光盘 /videos/11/11.6 ”横向 滑动 的 下 拉 菜 单 长度: 11 分 钟 


11.6.1 基础 知识 一 一 jQuery 动画 效果 


动画 效果 也 是 吸引 众多 开发 人 员 眼 球 的 一 道 风景 。 通 过 jQuery 的 动画 方法 ， 能 够 轻松 地 
为 网 页 添加 非常 精彩 的 视觉 效果 , 给 用 户 一 种 全 新 的 体验 。 例如, 隐藏 或 显示 网 页 的 菜单 效果 ， 
网 页 部 分 元 素 的 渐变 效果 ， 滑 动 效果 等 。 


1. 显示 与 隐藏 效果 
在 网 页 上 实现 一 个 元 素 的 显示 或 者 隐藏 效果 ， 是 项 目 开发 中 经 常 遇 到 的 问题 。 在 jQuery 


mc >> 


了 


SS 
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中 可 以 十 分 容易 地 实现 这 种 效果 ， 主 要 使 用 了 hide0、show0 和 toggle0 方 法 。 
表 11-11 中 列 出 了 这 3 种 方法 的 语法 说 明 及 示例 。 


表 11-11 显示 与 隐藏 效果 


示 例 
S$("#txt") hide0: 


名 称 语法 说 明 
hideO 隐藏 匹配 元 素 
以 指定 的 speed 隐藏 所 有 匹配 的 元 素 ， 并 在 完 
成 后 可 选 地 触发 一 个 回调 函数 callback 
Show 显示 被 隐藏 的 匹配 元 素 
以 指定 的 speed 显示 所 有 匹配 的 元 素 ， 并 在 完 
成 后 可 选 地 触发 一 个 回调 函数 callback 
如 果 元 素 是 可 见 的 ， 切 换 为 隐藏 的 ， 如 果 元 素 


hide(speed,[callback]) $("#img").hide(7000); 


S$("#txt").showO: 


show(speed,[callback]) $("#img").show(7000): 


toggle0 是 隐藏 的 ， 切 换 为 可 见 的 S$("#switch").toggle(): 
i 根据 switch 参数 切换 元 素 的 可 见 状态 (true 为 人 
oggle(switc i").toggle( id++ % 2 一 0): 
可 见 ，false 为 隐藏 ) 
2. 涓 动 效果 


jQuery 可 以 实现 的 滑动 效果 包括 向 上 收缩 、 向 下 展开 和 交 蔡 伸缩 样式 (上 下 滑动 )。 

1) 向 上 收缩 

通过 高 度 变 化 (向 上 减 小 ) 来 动态 地 隐藏 所 有 匹配 的 元 素 ， 隐 藏 完成 后 可 选 地 触发 一 个 
函数 。 

slideUp (speed, [callback]) 

这 个 动画 效果 只 调整 元 素 的 高 度 ， 可 以 使 匹配 的 元 素 以 滑动 的 方式 隐藏 起 来 。 其 中 ， 参 数 
speed 表示 3 种 预定 速度 之 一 的 字符 串 (slow、normal 及 fast) 或 表示 动画 时 长 的 毫秒 数值 (如 
1000); 参数 callback 是 可 选 的 ， 表 示 在 动画 完成 时 执行 的 函数 。 

2) 向 下 展开 

通过 高 度 变 化 (向 下 增 大 ) 来 动态 地 显示 所 有 匹配 的 元 素 ， 显 示 完 成 后 可 选 地 触发 一 个 回调 
函数 。 

slideDown (speed, [callback]) 

这 个 动画 效果 只 调整 元 素 的 高 度 ， 可 以 使 匹配 的 元 素 以 滑动 的 方式 显示 出 来 。 其 中 ,参数 
speed 表示 3 种 预定 速度 之 一 的 字符 串 (slow、normal 及 fast) 或 表示 动画 时 长 的 毫秒 数值 (如 
1000); 参数 callback 是 可 选 的 ， 表 示 在 动画 完成 时 执行 的 函数 。 

3) 交替 伸缩 

通过 高 度 变化 来 切换 所 有 匹配 元 素 的 可 见 性 ， 并 在 切换 完成 后 可 选 地 触发 一 个 回调 函数 。 


slideToggle (speed, [callback]) 


这 个 动画 效果 只 调整 元 素 的 高 度 ， 可 以 使 匹配 的 元 素 以 滑动 的 方式 隐藏 或 显示 。 其 中 ， 参 
数 speed 表示 3 种 预定 速度 之 一 的 字符 串 (slow、normal 及 fast) 或 表示 动画 时 长 的 毫秒 数值 (如 
1000); 参数 callback 是 可 选 的 ， 表 示 在 动画 完成 时 执行 的 函数 。 


汪 


< 


hc Web 开发 学 习 实录 .和 


3. 淡 入 淡出 效果 

淡 入 淡出 效果 也 是 很 多 网 站 上 面 都 有 的 图 片 动画 效果 之 一 ,jQuery 对 此 也 提供 了 支持 ,还 
可 以 自 定义 图 片 的 不 透明 度 。 

1) 淡 入 淡出 效果 

通过 不 透明 度 的 变化 来 实现 所 有 匹配 元 素 的 淡 入 效果 , 并 在 动画 完成 后 可 选 地 触发 一 个 回调 
函数 。 这 个 动画 只 调整 元 素 的 不 透明 度 ， 也 就 是 说 所 有 匹配 的 元 素 的 高 度 和 宽度 不 会 发 生变 化 。 


fadeIn (speed, [callback]) 


其 中 , 参数 speed 表示 3 种 预定 速度 之 一 的 字符 串 (slow、normal 及 fast) 或 表示 动画 时 长 的 
毫秒 数值 (如 1000); 参数 callback 是 可 选 的 ， 表 示 在 动画 完成 时 执行 的 函数 。 

2) 淡出 效果 

通过 不 透明 度 的 变化 来 实现 所 有 匹配 元 素 的 淡出 效果 , 并 在 动画 完成 后 可 选 地 触发 一 个 回调 
函数 。 这 个 动画 只 调整 元 素 的 不 透明 度 ， 也 就 是 说 所 有 匹配 的 元 素 的 高 度 和 宽度 不 会 发 生变 化 。 


fadeOut (speed, [callback]) 


其 中 , 参数 speed 表示 3 种 预定 速度 之 一 的 字符 串 (slow、normal 及 fast) 或 表示 动画 时 长 的 
毫秒 数值 (如 1000);， 参数 callback 是 可 选 的 ， 表 示 在 动画 完成 时 执行 的 函数 。 

3) 自 定义 不 透明 度 

把 所 有 匹配 元 素 的 不 透明 度 以 渐进 方式 调整 到 指定 的 不 透明 度 , 并 在 动画 完成 后 可 选 地 触 
发 一 个 回调 函数 。 这 个 动画 只 调整 元 素 的 不 透明 度 ， 也 就 是 说 所 有 匹配 的 元 素 的 高 度 和 宽度 不 
会 发 生变 化 。 


fadeTo (speed,opacity, [callback]) 


其 中 , 参数 speed 表示 三 种 预定 速度 之 一 的 字符 串 (slow、normal 及 fast) 或 表示 动画 时 长 的 
毫秒 数值 (如 1000); 参数 opacity 表示 要 调整 到 的 不 透明 度 值 (0 一 1 之 间 的 数字 )， 参 数 callback 
是 可 选 的 ， 表 示 在 动画 完成 时 执行 的 函数 。 


11.6.2 ”实例 描述 


一 直 感 觉 jQuery 的 动画 效果 很 神秘 ， 有 一 种 望而却步 的 感觉 。 今 天 ， 我 终于 冲破 自己 的 
极限 ， 去 挑战 它 了 。 
结果 是 ， 它 没有 想象 得 那么 难 ， 下 面 把 自己 的 战绩 与 大 家 分 享 一 下 ! 


11.6.3 ”实例 应 用 


【 例 11-6】 横 向 滑动 下 拉 菜单 。 
(1) 在 MemberController 中 添加 名 称 为 Menu 的 Action 。 
(2) 为 Menu 添加 View， 并 在 返回 默认 的 视图 文件 中 应 用 母 版 页 。 
(3) 引入 jQuery 的 类 库 文件 jquery-1.4.1.min.js。 
(4) 制作 网 页 的 主体 部 分 ， 即 横向 下 拉 菜单 的 布局 结构 。 整 体 代码 如 下 : 
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他 
<ul> 
<1i class="hmain"><a href="#"> 教 育 科研 </a> 
<ul> 
<1i><a href="#"> 教 研 动态 </a> </1i> 
<1i><a href="#"> 教 师 论文 </a> </1i> 
<1i><a href="#"> 课 件 交流 </a> </1i> 
<1i><a href="#"> 外 出 学 习 体会 </a> </1i> 
</ul> 
</1i> 
<!-- 此 处 省 略 其 他 菜单 的 布局 结构 --> 
</ul> 


(5) 编写 一 些 CSS 样式 来 修饰 上 面 的 菜单 ， 包 括 取消 默认 的 项 目 符号 ， 为 主 菜单 指定 一 个 
背景 图 片 ， 设 置 菜单 文字 的 字体 以 及 显示 的 宽度 等 。 


Er 


/* 清 除 ul 和 1i 上 默认 的 小 圆 点 */ 


list-style: none; 


/* 清 除 子 菜 单 的 缩 进 值 */ 
padding: 0; 
margin: 0; 
| 
.hmain 
{ 
background-image: url(/images/title.gif); 
background-repeat: repeat-x; 
width: 120px; 


/* 取 消 所 有 的 下 划 线 */ 
text-decoration: none; 
padding-left: 20px; 
display: block; 
display: inline-block; 
width: 100px; 
padding-top: 3px; 
padding-bottom: 3px; 


background-color: #EEEEEE; 

} 

-hmain a /* 主 菜单 标题 的 样式 */ 

{ 
color: white; 
background-image: url(/images/collapsed.gif); 
background-repeat: no-repeat; 
background-position: 3px center; 

, 

.hmain 1i a/* 子 菜单 链接 的 样式 */ 


< 于 一 
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color: black; 
background-image: none; 
} 
-hmain ul 
display: none; 
} 
-hmain 
本 
float: left; 
margin-right: lpx; 


} 


(6) 根据 前 面 定 义 的 菜单 结构 ， 利 用 jQuery 强大 的 选择 器 功能 以 及 内 置 的 动画 方法 ， 可 以 
很 容易 地 实现 将 鼠标 移 到 菜单 标题 上 时 向 下 展开 子 菜单 ， 移 出 时 向 上 收缩 子 菜单 的 效果 。 具 体 
实现 代码 如 下 : 


<script language="javascript" type="text/javascript"> 
$ (document) .ready (function () { 
$(".hmain") .hover (function () { // 鼠 标 移 到 上 面 时 触发 
// 将 当前 元 素 下 的 ul 列表 向 下 展开 
$(this) .children("ul") .slideDown(); 
changeIcon ($(this) .children("a") ) 7 
}，function () { // 鼠 标 移出 时 触发 
// 将 当前 元 素 下 的 ul 列表 向 上 收缩 
$(this) .children ("ul") .slideUp(); 
changeIcon($ (this) .children("a")); 
2 
}) 
</script> 


(7) 上 述 代 码 调 用 了 changeIcon0 函 数 , 该 函数 实际 上 是 一 个 辅助 函数 。 用 于 根据 展开 或 者 
收缩 状态 动态 地 修改 主 菜单 的 指示 图 标 。 


// 修改 主 菜单 的 指示 图 标 
function changeIcon (mainNode) { 
if (mainNode) { 
if (mainNode.css ("background-image") .indexOf ("collapsed.gif") >= 0) 
| 
mainNode.css ("background-image", 
"url('/images/expanded.gif"')"); 
} else { 
mainNode .css ("background-image", 
"url('/images/collapsed.gif')"); 
} 
} 


(8) 保存 所 做 的 修改 。 至此， 整个 实例 制作 完成 。 


11.6.4 ”运行 结果 


运行 项 目 ， 在 浏览 器 中 输入 member/menu 请 求 查 看 效果 。 


pM 


第 11 章 MVC 中 jQuery 的 应 用 站 


待 页 面 打开 之 后 ， 会 看 到 默认 运行 后 所 有 的 子 菜单 都 不 显示 ， 处 于 折合 状态 ， 如 图 11-8 
所 示 。 我 们 可 以 将 鼠标 移 到 要 查看 的 菜单 标题 上 , 其 包含 的 子 菜单 将 以 向 下 展开 动画 慢 慢 出 现 。 

图 11-9 为 从 “教工 之 家 ”菜单 移动 到 “学 生 园地 ”菜单 时 的 动画 效果 。“ 教 工 之 家 ” 菜 
单 正在 向 上 收缩 ， 而 “学 生 园 地 ”菜单 则 正在 向 下 展开 。 


ee eet Ot PONTE 


图 11-8 ”默认 运行 后 全 部 折 又 图 11-9 展开 “学 生 园地 ”菜单 时 动画 效果 


11.6.5 ”实例 分 析 


ee 


本 实例 使 用 了 说 套 的 训 列表 结构 来 定义 主 菜单 和 子 菜单 。 

最 外 层 的 表示 整个 菜单 区 域 ， 内 部 每 个 class 为 hmain 的 表示 一 个 下 拉 菜 单 。 在 a 标 
记 中 是 主 菜单 的 标题 ， 紧 接 下 来 的 ul 列表 中 是 其 子 菜单 。 在 这 里 仅 给 出 了 一 个 菜单 的 结构 ， 
大 家 可 以 根据 格式 进行 自由 扩展 。 

在 实现 动画 效果 时 ， 以 主 菜 单 的 标题 为 目标 ， 当 饼 标 移 上 或 者 移出 时 分 别 调用 slideDown() 
和 slideUp() 方 法 ， 显 示 动 画 效果 。 

当然 ， 在 这 里 读者 也 可 以 添加 其 他 的 动画 效果 。 例 如 慢 慢 淡 入 出 现 ， 淡 出 消失 等 。 


11.7 ”定制 一 个 中 文 日 历 


在 Web 页 面 中 实现 一 些 常用 的 页 面 特效 常常 会 让 Web 程序 开发 人 员 苦 恼 不 已 。 

jQuery UI 将 一 些 常用 的 页 面 组 件 封装 成 简单 的 类 库 供 程序 开发 人 员 使 用 ， 包 括 折合 面板 、 
日 期 选择 器 和 对 话 框 组 件 等 。 

这 些 组 件 不 仅 具 有 多 种 配置 选项 , 而 且 是 主题 化 的 。 使 用 它们 可 以 让 程序 开发 人 员 编 写 简 
单 的 代码 就 能 实现 丰富 的 页 面 效果 。 

下 面 我 们 将 使 用 jQuery UI 中 的 日 期 选择 器 组 件 来 实现 一 个 中 文 日 历 。 


得 
> 视频 教学 : 光盘 /videos/11/11.7 定制 一 个 中 文 日 历 人 @@ 长 度 : 11 分 名 


< 一 
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11.7.1 ”基础 知识 一 一 Ul 库 日 期 选择 器 组 件 


jQuery UI 中 的 日 期 选择 器 组 件 用 于 在 页 面 输入 框 上 添加 选择 日 期 的 功能 ， 以 便 用 户 输入 
日 期 类 型 的 数据 。 可 以 自 定义 日 期 格式 、 语 言 以 及 限制 可 选 日 期 的 范围 ,还 可 以 轻松 地 添加 按 
钮 和 其 他 导航 选项 。 

要 使 用 日 期 选择 器 组 件 ， 只 需 在 使 用 jQuery 选择 器 匹配 一 个 页 面 元 素 ， 然 后 调用 该 对 象 
扩展 的 datepicker() 方 法 即 可 。 该 方法 的 格式 如 下 : 


$ (selector) .datepicker([options])7 


选项 selector 是 选择 对 象 的 选择 器 ,参数 options 是 初始 化 日 期 选择 器 组 件 的 配置 选项 集合 。 
表 11-12 中 给 出 了 最 常用 的 配置 选项 及 说 明 。 


表 11-12 常用 配置 选项 


名 称 说 明 
dateFormat 指定 解析 和 显示 日 期 的 格式 ， 默 认 值 是 mmydd/yy( 月 /日 /年 ) 
dayNames 设置 长 日 期 名 字 列 表 。 从 星期 日 开始 ， 按 照 dateFormat 的 设置 来 使 用 
dayNamesMin 设置 短 日 期 名 字 列 表 。 从 星期 日 开始 ， 用 在 日 期 选择 器 每 列 的 标题 部 分 
firstDay 设置 一 周 的 第 一 天 ， 星 期 天 是 0， 星 期 一 是 1 
maxDate 可 选 的 最 大 日 期 
minDate 可 选 的 最 小 日 期 
monthNames 完整 的 月 份 名 称 列表 。 用 在 日 期 选择 器 的 月 份 列表 的 标题 部 分 
showMonthAfterYear 指定 是 否 在 标题 的 年 份 后 面 显示 月 份 
showWeek 设置 是 否 显示 一 年 中 的 周 数 
yearSuffix 指定 月 份 标题 中 年 份 之 后 的 附加 文本 


11.7.2 ”实例 描述 


默认 情况 下 ， 日 历 是 按 英 语 语种 国家 的 操作 习惯 布局 的 ， 如 图 11-10 所 示 。 
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图 11-10 默认 的 日 期 选择 器 界面 
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中 国人 的 传统 习惯 与 其 有 很 大 区 别 。 例 如 ， 我 国 一 直 以 星期 一 为 每 星期 的 第 一 天 ， 日 期 
总 是 按 从 大 到 小 的 顺序 排列 (比如 : XX Xx 年 XX 月 XX 日 ), 而 且 界 面 也 以 中 文 和 阿拉 伯 数 
字 为 主 。 

下 面 这 个 实例 将 对 默认 的 日 历 进行 本 地 化 配置 ， 打 造 一 个 符合 中 文 习 惯 的 日 历 。 


11.7.3 ”实例 应 用 


【 例 11-7】 定 制 一 个 中 文 日 历 。 
(1) 在 MemberController 中 添加 名 称 为 Blog 的 Action。 
(2) 为 Blog 添加 View， 并 在 返回 默认 的 视图 文件 中 应 用 母 版 页 。 
(3) 引入 jQuery 的 类 库 文件 jquery-1.4.1.min.js。 
(4) 由 于 日 历 组 件 属 于 jQuery 的 第 三 方 组 件 被 放 在 jQuery UI 库 中 ， 所 以 这 里 需要 先 下 载 
该 库 文 件 ， 并 放 在 与 jQuery 类 库 相 同 的 位 置 。 
这 里 以 jQuery UI 1.8.5 为 例 ， 引 入 代码 如 下 : 


<script src="../../Scripts/jquery-ui-1.8.5.min.js" 
type="text/javascript"></script> 


(5) 同时 还 需要 引用 在 jQuery UI 库 中 提供 的 CSS 样式 文件 ， 代 码 如 下 : 


<link href="../../jQueryUI/jquery.ui.all.css" rel="stylesheet" 
type="text/css" /> 


(6) 在 页 面 的 合适 位 置 添加 如 下 代码 ， 以 显示 一 个 日 期 输入 文本 框 。 


<h2> 查 看 2010 年 教学 计划 安排 </h2> 
请 输入 一 个 日 期 : <input type="text" id="datepicker" /> 


(7) 这 一 步 编写 jQuery 代码 ， 在 单 击 日 期 文本 框 时 显示 一 个 日 历 ， 并 通过 datepicker 提供 
的 选项 配置 成 中 文 。 


<script type="text/javascript" language="javascript"> 
$ (document) .ready (function () { 
$("#datepicker") .datepicker ({ 
/* 区 域 化 周 名 为 中 文 */ 
davinnssMins "ES mn me 用 “ 宇 w 网 > 瑟 w =] 
/* 每 周 从 周一 开始 */ 
firstDay: 1, 
/* 区 域 化 月 名 为 中 文 习惯 */ 
monEDNameSs LE"Y 月 ~ "2 月 "7 3: 月" 用 5 用" "5 用" 
月 P95 有 nO "T0 Hn TL 有 12 有 i 
/* 月 份 显示 在 年 后 面 */ 
showMonthAfterYear: true, 
/* 年 份 后 缀 字符 */ 
yearSuffix: We 
/* 格式 化 中 文 日 期 
(因为 月 份 中 已 经 包含 “月 ” 字 ， 所 以 这 里 省 略 ) */ 
dateFormat: "YY 年 MMdd 日 " 
WD 
二 
</script> 
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(8) 保存 所 做 的 修改 。 至 此 ， 整 个 实例 制作 完成 。 


11.7.4 “运行 结果 


运行 项 目 ， 在 浏览 器 中 输入 member/blog 请 求 查看 效果 。 单 击 使 文本 框 获得 焦点 ， 此 时 将 
在 下 方 弹出 一 个 日 历 面板 ， 从 中 选择 一 个 日 期 后 将 显示 在 文本 框 内 ， 如 图 11-11 所 示 。 


EEE 


查看 2010 年 教学 计划 安排 


庄 和 一 人 日 顺 -区 1 和 7 月 6 
2010 和 7 月 


图 11-11 中 文 日 历 选择 与 运行 效果 


11.7.5 ”实例 分 析 


六 源码 解析 


从 本 实例 可 以 看 到 ，jQuery UI 库 继 承 了 jQuery 简单 的 特点 。 

要 显示 一 个 日 历 ， 只 需 在 选中 元 素 后 调用 datepicker() 方 法 即 可 。 为 了 使 其 显示 符合 中 文 习 
惯 ， 该 方法 通过 各 种 参数 进行 了 设置 。 

包括 设置 在 日 历 面 板 中 显示 周 名 、 每 周 的 第 一 天 ， 在 日 期 选择 器 面板 显示 的 月 份 名 称 、 月 
份 和 年 份 的 位 置 习惯 ， 在 日 期 选择 器 面板 中 的 年 份 的 后 级 ， 以 及 输出 的 日 期 格式 等 。 


11.8 浮动 的 注册 条 款 


在 进行 一 些 逻 辑 处 理 的 时 候 ， 难 免 会 用 到 对 话 框 ， 就 像 QQ 空间 和 一 些 博客 、 论 坛 都 开始 
大 量 使 用 页 面 浮动 层 实现 的 模拟 对 话 框 ( 见 图 11-12)。 这 种 方式 非常 自由 ， 开 发 者 可 以 自主 控制 
对 话 框 的 布局 、 内 容 和 样式 ， 弹 出 对 话 框 也 非常 时 尚 、 美 观 。 

假如 现在 某 个 网 站 还 在 使 用 最 古董 的 JavaScript 函数 弹出 对 话 框 ( 见 图 11-13)， 那 就 只 能 说 
明 这 个 站 点 的 技术 人 员 已 经 跟 不 上 时 代 的 步伐 了 。 

当然 , 开发 人 员 完 全 可 以 自己 编写 JavaScript 代码 和 CSS 样式 表 来 实现 一 个 自 定义 的 对 话 
框 。 但 是 ， 真 正 着 手 编写 过 自 定 义 对 话 框 的 人 可 能 会 深 有 体会 : 这 活 儿 确实 费 工夫 ! 
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国 ot 
品 1000 年 一 光 这 样 的 嗓音 .不 分 享 绪 对 是 损 夫 不错 吻 ， 看 后 记得 分 享 收 
让 


11-12 QQ 空间 自 定义 的 【分 享 】 对 话 框 11-13 JavaScript 函数 弹出 的 对 话 杠 


值得 庆幸 的 是 ，jQuery UI 提供 了 一 个 现成 的 对 话 框 组 件 ， 非 常 易 用 、 功 能 强大 ， 而 且 非 
常 美观 、 绚 丽 多 彩 。 


上 视频 教学 ， 光 盘 /videosy11/11.8 浮动 的 注册 条 款 O 度 : 10 分 名 


11.8.1 基础 知识 一 一 UI 库 对 话 框 组 件 


jQuery UI 对 话 框 组 件 可 以 显示 文本 、 图 片 和 多 媒体 ， 甚 至 还 有 交互 式 表单 ， 而 且 该 对 话 
框 组 件 还 可 以 随意 地 在 页 面 内 拖 动 和 调整 大 小 。 默 认 情 况 下 ， 可 以 通过 对 话 框 右上 角 的 圆 按钮 

使 用 jQuery 选择 器 匹配 一 个 页 面 元 素 ， 然 后 调用 该 对 象 扩展 的 dialog0 方 法 即 可 。 该 方法 
格式 如 下 : 


$ (selector) .dialog([options]); 
参数 options 是 初始 化 对 话 框 组 件 的 配置 选项 集合 。 配 置 选项 的 具体 说 明 如 表 11-13 所 示 。 
表 11-13 对话 框 组 件 的 配置 选项 


名 称 说 明 
autoOpen 是 否 自动 打开 对 话 框 
closeOnEscape | 指定 在 获得 焦点 ， 并 且 当 用 户 按 下 Esc 键 的 时 候 是 否 关 闭 该 对 话 框 
closeText 指定 关闭 按钮 的 文本 
draggable 是 否 通过 拖 动 标题 栏 来 移动 对 话 框 
height 设置 对 话 框 的 高 度 ， 以 像素 为 单位 。 设 置 为 auto 则 说 明 让 对 话 框 根 据 内 容 自 动 调整 高 度 


maxHeight 设置 对 话 框 可 以 调整 到 的 最 大 高 度 。 默 认 值 为 false， 表 示 不 限制 
maxWidth 设置 对 话 框 可 以 调整 到 的 最 大 宽度 。 默 认 值 为 false， 表 示 不 限制 
minHeight 设置 对 话 框 可 以 调整 到 的 最 大 高 度 。 默 认 值 为 150 

minWidth 设置 对 话 框 可 以 调整 到 的 最 大 宽度 。 默 认 值 为 150 

modal 是 否 为 模式 对 话 框 
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续 表 
名 称 说 明 


Osition 设置 对 话 框 的 初始 位 置 


resizable 是 否 可 以 调整 大 小 。 如 果 为 tue， 对 话 框 可 以 调整 大 小 。 默 认 值 为 rue 
tue | 指定 对 话 框 的 标题 
sidth 设置 对 话 框 的 宽度 ， 以 像素 为 单位 。 默 认 值 为 300 


11.8.2 ”实例 描述 


今天 在 Web 开发 技术 群 中 ， 有 个 昵称 为 “NET 小 白菜 ”的 网 友 ( 我 的 徒弟 ) 问 了 这 样 一 个 
问题 : 如 何 实现 网 页 上 流行 的 浮动 对 话 框 ， 类 似 QQ 空间 那 种 ? 

我 给 他 的 解决 方案 是 利用 jQuery UI 库 来 实现 ， 这 里 给 大 家 讲 一 下 。 如 果 有 写 得 不 好 的 地 
方 ， 欢 迎 大 家 提 建 议 。 


11.8.3 ”实例 应 用 


【 例 11-8】 浮 动 的 注册 条 款 。 
(1) 在 MemberController 中 添加 名 称 为 Dialog 的 Action。 
(2) 为 Dialog 添加 View， 并 在 返回 默认 的 视图 文件 中 应 用 母 版 页 。 
(3) 引入 jQuery 的 类 库 文件 jquery-1.4.1.min.js。 
(4) 引入 jQuery UI 的 类 库 和 CSS 文件 。 


<script src="../../Scripts/jquery-ui-1.8.5.min.js" 
type="text/javascript"></script> 

<link href="../../jQueryUI/jquery.ui.all.css" rel="stylesheet" 
type="text/css" /> 


(5) 制作 网 页 的 主体 部 分 ， 添 加 网 站 服务 条 款 ， 代 码 如 下 : 


<div class="content"> 
<h1> 网 站 服务 条 款 </h1> 
<span id="text"> 
<p> 
欢迎 您 加 入 本 站 点 参加 交流 和 讨论 ， 为 维护 网 上 公共 秩序 和 社会 稳定 ， 请 您 自觉 遵守 
以 下 条 款 : <br /> <br /> 
1 .服务 条 款 的 确认 和 接纳 <br /> 
2 .服务 简介 <br /> 
3. 服 务 条 款 的 修改 <br /> 
4 .服务 修订 <br /> 
5. 用 户 隐私 制度 <zbr /> <br /> 
<input id="Buttonl" type="button"” value=" 同 意 (关闭 )" /> 
</p> 
</span> 
</div> 


(6) 编写 jQuery 代码 使 上 一 步 添 加 的 布局 代码 在 页 面 打开 后 ， 以 模 态 对 话 框 的 浮动 形式 显 
示 。 代 码 如 下 : 


ss >> 


第 11 章 MVC 中 jQuery 的 应 用 


<script language="javascript" type="text/javascript"> 
$ (document) .ready (function () { 
$(".content") .dialog({ 
modal: true, // 启 用 模 态 对 话 框 功能 
width: 600 // 定 义 对 话 框 的 宽度 
Ds; 
Ds; 


</script> 


(7) 保存 所 做 的 修改 。 至此， 整个 实例 制作 完成 。 


11.8.4 ”运行 结果 


运行 项 目 ， 在 浏览 器 中 输入 member/dialog 请 求 查看 效果 。 待 页 面 打 开 之 后 ， 会 以 浮动 的 
形式 显示 一 个 对 话 框 ， 其 中 包含 了 在 页 面 中 定义 的 网 站 服务 条 款 。 
该 对 话 框 可 以 自由 拖 动 ， 默 认 带 有 一 个 关闭 按钮 ， 效 果 如 图 11-14 所 示 。 


网 站 服务 条 款 
和 om 


i NST eT 


图 11-14 浮动 注册 条 款 运行 效果 


11.8.5 ”实例 分 析 


se 


本 实例 主要 使 用 了 dialog 组 件 的 model 属性 来 显示 一 个 模 态 对 话 框 . 这 在 需要 中 断 用 户 操 
作 ， 等 待 用 户 处 理 完 该 次 中 断 以 后 才能 继续 对 页 面 上 的 内 容 进 行 操作 时 非常 有 效 。 
dialog 组 件 还 提供 了 很 多 方法 与 事件 来 处 理 用 户 在 单 击 或 者 关闭 对 话 框 时 触发 的 操作 。 


11.9 ”常见 问题 解答 


11.9.1 如 何 给 列表 的 偶数 行 添加 背景 


如 何 给 列表 的 偶数 行 添加 背景 色 ? 
网 络 课堂 : http://bbs.itzen.com/thread-3934-1-1.html 
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现在 有 一 个 列表 ， 我 想 给 它 的 偶数 行 加 上 背景 色 ， 怎么 用 jQuery 实现 它 呢 ? 
【解决 办 法 】 参 考 以 下 列表 。 
<ul> 
<1i> 新 闻 </1i> <1i> 网 页 </1i> 
<1i> 视 频 </1i> <1i> 空 间 </1i> 
<1i> 图 片 </1i> <1i> 地 图 </1i> 
<1i> 更 多 </1i> 
</ul> 


用 jQuery 去 实现 给 列表 的 偶数 行 添加 背景 色 ， 代 码 如 下 : 


$ (document) .ready (function(){ 
$ ("ul li:even") .css("background", "#FCF"); 


]) 
这 样 问题 就 解决 了 。 


11.9.2 怎样 得 到 jQuery 数组 对 象 中 的 某 个 对 象 


怎样 得 到 jQuery 数组 对 象 中 的 某 个 对 象 ? 
网 络 课堂 : http:Wbbs.itzcn.cony/thread-3934-1-1.html 


怎么 得 到 jQuery 数组 对 象 中 的 某 个 对 象 ? 例如 ,在 一 个 文档 中 我 放 了 5 张 图 片 ,我 的 jQuery 
代码 如 下 : 


$ (document) .ready (function () 
9 allimg=$ ("img"); 
现在 我 想得到 第 4 个 img， 并 想 获 得 它 的 src 属性 。 那 么 我 应 该 怎么 做 ? 我 用 allimg[4] 来 
获得 结果 失败 ， 用 下 面 代码 : 


Var allimg=new Array(); 

allimg=$ ("img"); 

结果 还 是 不 行 。 又 用 window.alert(allimg[4].attr("sre")): 来 做 一 个 例子 ， 结 果 不 成 功 。 请 不 
要 告诉 我 用 ID 选择 器 来 做 啊 …… 

我 只 是 想 知道 一 种 方法 ， 如 果 用 ID 的 话 那么 就 要 对 每 个 Img 设置 。 

【解决 办 法 】 其 实 楼 主 离 成 功 已 经 很 近 了 。 正 确 的 语句 为 : 


alert ($('img') .eq(3) .attr('src')); 


在 这 个 例子 中 , allimg 返回 的 是 jQuery 对 象 数组 。allimg[3] 返 回 的 是 html 的 一 个 对 象 , html 
对 象 没有 attr(0 方 法 。allimg.eq(3) 返 回 的 是 jquery 的 一 个 对 象 ， 并 且 具 有 attr() 方 法 ， 所 以 它 才 
是 正解 的 。 

是 不 是 有 些 眉目 了 ? 你 好 好 琢磨 吧 。 
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11.9.3 怎样 用 jQuery 获取 具有 相同 class 的 text 值 


怎样 用 jQuery 获取 具有 相同 class 的 text 的 值 呢 ? 
网 络 课堂 : http://bbs.itzcn.com/thread-3934-1-1.html 


在 jQuery 中 怎样 获取 具有 相同 class 的 text 的 值 呢 ? 
【解决 办 法 】 如 果 你 会 使 用 单个 的 text， 那 么 这 个 问题 应 该 难 不 住 你 。 看 看 答案 吧 : 
$(".className") .each (function(){ 


alert ($ (this) .text ()); 
Bh 


11.9.4 如 何 让 jQuery 图 片 延长 2 秒 显示 


如 何 让 jQuery 图 片 延 长 2 秒 显示 
网 络 课堂 : http://bbs.itzen.com/thread-3934-1-1.html 


我 现在 想 在 页 面 加 载 后 ， 将 图 片 延 长 2 秒 显示 出 来 ， 怎 么 写 ? 
【解决 办 法 】HTML 代码 如 下 : 


<center> 
<img id="myimg" src="http://www.baidu.com/img/baidu logo.gif" /> 
</center> 


jQuery 代码 如 下 : 


$ (document) .ready (function(){ 

$('#myimg') .css('display', 'none'); 
$('#myimg') .load (function(){ 
alert (' 图 片 加 载 完毕 ， 在 单 击 确认 2 秒 后 ， 图 片 出 现 。' ) ; 
$ (this) .delay (2000) .fadeIn (400); 

Es 

a 


这 样 就 解决 了 。 
11:10、 习 题 
一 、 填 空 题 
(1) jQuery 的 基本 选择 器 包含 CSS 选择 器 、 和 表单 域 选择 器 。 
(2) 可 以 在 CSS 选择 器 中 使 用 来 选择 HTML 页 面 中 已 有 的 标签 元 素 。 
(3) 假设 要 查找 menu 元 素 下 所 有 item 的 子 元 素 ， 应 该 使 用 代码 。 
(4) 在 表单 域 选 择 器 中 ， 用 选择 所 有 不 可 见 元 素 以 及 隐藏 域 。 
(5) 选择 器 根据 索引 值 对 元 素 进行 第 选 ， 且 以 冒号 :开头 。 
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(6) 如 果 are 元 素 及 其 父 元 素 在 文档 中 不 占用 空间 ， 则 可 以 用 选择 器 来 过 滤 。 
(7) 假设 有 如 下 HIML 代码 : 

<ul> 

ld/ii> >2 > > 一 < 这 

</ul> 

现在 要 筛选 出 第 4 个 元 素 ， 并 将 它 的 背景 色 设置 为 二 CF， 应 该 使 用 代码 
(8) 将 所 有 div 元 素 的 文字 设 定 为 白色 ， 并 修改 背景 为 黑色 ， 代 码 为 

二 、 选 择 题 

(1) 假设 有 如 下 一 行 代码 : 

<input type="checkbox" name="city" value="zhengzhou"> 


现在 要 获取 其 中 的 值 ， 应 该 使 用 代码 
A. $("input:checkbox[name='city']").val("anyang") 
B. S$("input:checkbox[name='city']").val|) 
C. S$("input:checkbox:checked").val(|) 
D. $("input ").valO 
(2) 下 列 选项 中 不 属于 CSS 选择 器 的 是 
A. $("p").css("color","#F00") 
B. S$(".title").css("color","#F00") 
C. $("#title").css("color","#F00") 
D. S$("#title >p").css("color","#F00") 


(3) 要 搜索 跟 在 每 个 匹配 元 素 之 后 的 所 有 同辈 元 素 , 应 该 选择 如 下 的 搜索 方法 。 
A. nextAll([selector]) B. nextUntil([selector]) 
C. siblings([selector]) D. next([selector]) 
(4) 假设 在 表单 中 有 一 个 城市 列表 city， 和 希望 选中 “郑州 ”和 “安阳 ”两 个 ， 应 该 使 用 下 
列 哪 一 句 代码 ? 


A. SC"city").val([" 郑 州 "," 安 阳 "]); 
BSC"city").val(" 郑 州 "," 安 阳 "); 

C.。 S$("city").value(" 郑 州 "," 安 阳 "); 
DSC"city").value({" 郑 州 "," 安 阳 "}); 


(5) 使 用 jQuery 在 选中 一 个 元 素 后 想 实现 其 显示 与 隐藏 效果 ， 应 该 使 用 方法 。 
A. hide0 B. showO 
C. toggle() D. slideToggle(O) 
(6) 下 面 哪 一 个 值 不 可 以 作为 fadeOut() 方 法 的 值 ? 
A. disable B. slow 
C. normal D. 1000 
(7) 在 使 用 日 历 组 件 datepicker 时 ， 利 用 属性 可 以 设置 长 日 期 名 字 列 表 。 
A. dateFormat B. dayNamesMin 


C. showMonthAfterYear 


器 


dayNames 
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三 、 上 机 练习 


上 机 练习 1: 修饰 表单 。 

在 本 章 的 第 11.1 节 中 我 们 学 习 了 各 种 jQuery 选择 器 的 基本 语法 及 简单 示例 。 这 个 上 机 练 
习 的 重点 也 是 选择 器 ， 要 求 读者 创建 一 个 普通 的 表单 ， 然 后 利用 选择 器 找到 表单 元 素 并 使 用 
CSS 样式 进行 修饰 。 

图 11-15 为 最 终 运行 效果 ， 其 中 包含 了 文本 输入 框 、 按 钮 、 复 选 框 和 列表 框 等 。 
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图 11-15 运行 效果 


上 机 练习 2: 实现 纵向 下 拉 菜 单 。 

本 次 练习 要 求 读者 实现 纵向 下 拉 菜 单 的 滑动 效果 ， 如 图 11-16 所 示 。 步 骤 可 以 为 : 先 创建 
下 拉 菜 单 的 结构 ， 再 用 CSS 实现 纵向 排列 ， 然 后 使 用 jQuery 对 主 菜 单 标题 进行 修改 ， 接 下 来 
隐藏 子 菜单 ， 最 后 在 单 击 的 时 候 控 制 其 隐藏 与 显示 。 


[Bs Ix 
1 总 -页面 中 ”安全 ) ”工具 们 、 必 


图 11-16 ”运行 效果 
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内 容 摘要 


Ajax 即 Asynchronous JavaScript and XML， 中 文 意思 是 “异步 JavaScript 和 XML”。 它 所 
用 到 的 技术 早已 有 之 , 近年 来 随 着 Web 2.0 的 发 展 ， 它 也 跟着 风靡 开 来 。 有 人 说 它 新 瓶装 旧 酒 ， 
这 里 我 们 不 管 它 是 新 酒 还 是 旧 酒 ， 喝 着 过 瘾 就 行 。 

如 果 网 站 上 没有 实现 Ajax， 那 么 证 明 这 个 网 站 还 不 够 酷 。 至少， 这 是 很 多 人 对 Web 2.0 之 
后 的 开发 世界 的 主要 印象 。 对 于 大 部 分 情况 ， 实 现 网 站 上 的 Ajax 功能 有 很 多 方法 。 大 部 分 必 
需 的 技术 封装 在 所 选择 的 脚本 库 中 ， 但 是 不 一 定 要 求 如 何 构建 服务 器 代码 以 确保 它 遵循 了 
MVC 且 易 于 修改 。 

对 于 下 面 即将 展示 的 示例 ， 将 遵循 相当 一 致 的 模式 来 构建 服务 器 端的 代码 。 

@ 每 个 Ajax 例 程 将 在 控制 器 上 使 用 一 个 专用 动作 (Action)。 

@ “动作 将 检查 入 站 请 求 是 不 是 一 个 Ajax 请 求 。 

@ ”除非 动作 不 是 一 个 Ajax 请 求 ， 否 则 每 一 个 动作 都 将 返回 一 个 专用 的 视图 。 

Ajax 的 优点 就 是 不 用 刷新 页 面 ,使 用 户 体验 更 具 连 贯 性 。 对 于 单 击 操作 ,在 系统 返回 结果 
之 前 ,页 面 没 有 任何 变化 。 该 看 电影 看 电影 ， 该 读 小 说 读 小 说 ,无 聊 了 看 看 广告 也 比 盯 着 白 屏 
好 。 接 到 系统 返回 结果 了 ， 页 面 该 变 的 地 方 变 一 下 ， 换 成 我 们 想 要 的 东西 。 我 们 还 是 该 干吗 干 
吗 ， 基 本 上 完全 避免 了 那个 傻乎乎 等 待 的 过 程 。 

本 章 将 讲解 ASPNET MVC 中 的 Ajax。 

学 习 目 标 

@ 了 解 并 掌握 XMLHttpRequest 对 象 
了 解 并 掌握 $.get(0 方 法 
了 解 并 掌握 $.post() 方 法 
了 解 并 掌握 $.ajax0 方 法 
了 解 并 掌握 如 何 异 步 请 求 JSON 数据 
了 解 并 掌握 Ajax.BeginForm() 

了 解 并 掌握 Ajax 全 局 事件 


hic Web 开 发 学 习 实录 . 赴 


12.1 异步 访问 控制 器 动作 


在 ASP.NET MVC 中 , 每 个 Request 都 被 route 到 一 个 Controller 下 的 Action 来 处 理 ， 即 一 
个 Controller Class 的 方法 。 因此， 如 果 在 Action 方法 中 完成 业务 逻辑 ,并 把 需要 回 传 的 数据 写 
回 到 Response 中 ， 在 客户 端 再 由 JavaScript 来 处 理 这 些 回 传 的 数据 ， 相 信也 能 实现 Ajax。 

jQuery 对 JavaScript 中 的 Ajax 进行 了 封装 。jQuery 中 的 Ajax 实现 方法 最 大 的 优势 就 是 消 
除了 各 个 浏览 器 之 间 的 差异 ， 提 高 了 程序 的 兼容 性 。 其 次 它 简化 了 开发 人 员 的 操作 ， 减 少 了 程 
序 代 码 量 。 


A 
视频 教学 : 光盘 /videos/12/12.1 异步 访问 控制 器 动作 人 @@ 长 度 :14 分钟 


12.1.1 基础 知识 一 一 XMLHttpRequest 对 象 


XMLHttpRequest 对 象 是 Ajax 的 核心 ,用 于 实现 客户 端 脚本 与 服务 器 之 间 的 数据 交互 过 程 。 
它 并 非 最 近 才 出 现 ， 微 软 最 先 在 Internet Explorer 5.0 中 作为 一 个 ActiveX 对 象 引 入 了 
XMLHttpRequest 对 象 。 目 前 主流 的 浏览 器 都 已 经 对 XMLHttpRequest 对 象 提供 了 良好 的 支持 ， 
像 FireFox、Safari、Chome 和 Opera 等 。 

例如 ， 如 下 给 出 的 代码 会 创建 一 个 跨 浏览 器 的 XMLHttpRequest 对 象 。 在 执行 创建 
XMLHttpRequest 对 象 的 时 候 , 会 对 浏览 器 的 支持 进行 判断 , 获取 相应 的 XMLHttpRequest 对 象 。 
具体 创建 代码 如 下 : 


Var xmlRequest; 
if (window.ActivexXObject) 


/* 如 果 浏 览 器 支持 Activex 对 象 ， 
就 使 用 Activex 对 象 创建 一 个 XMLHttpRequest 对 象 
支持 IE 浏览 器 
ew 
xmlRequest = new ActiveXObject ("Microsoft .XMLHTTP") 
} 
else if (window.XMLHttpRequest) 


/* 如 果 浏 览 器 支持 XMLHttpRequest 对 象 
就 直接 创建 一 个 XMLHttpRequest 对 象 ， 以 
支持 其 他 主流 浏览 器 (FF, Chome, Safari 等 ) 
A 
xmlRequest = new XMLHttpRequest (); 
无 论 采 用 何 种 方式 创建 ，XMLHttpRequest 对 象 的 使 用 方法 都 是 相同 的 。XMLHttpRequest 
对 象 在 浏览 器 中 通过 HTTP 协议 与 服务 器 进行 数据 交换 ， 像 字符 串 数据 和 XML 数据 等 。 
XMLHttpRequest 对 象 提供 了 很 多 属性 和 方法 来 处 理 和 控制 HITP 请 求 与 响应 。 表 12-1 中 
列 出 了 XMLHttpRequest 对 象 的 属性 以 及 简要 说 明 。 


sD) >> 


第 12 章 注入 Ajax 特性 的 MVC 


表 12-1 XMLHttpRequest 对 象 的 属性 


名 称 说 明 
onreadystatechange 每 个 状态 改变 时 都 会 触发 这 个 事件 处 理 器 ， 通 常会 调用 一 个 JavaScript 函数 
readyState 请 求 的 状态 
responseText 服务 器 的 响应 ， 表 示 为 一 个 串 
responseXML 服务 器 的 响应 ， 表 示 为 XML。 这 个 对 象 可 以 解析 为 一 个 DOM 对 象 
status 服务 器 的 HTTP 状态 码 ( 例 如 ，200 对 应 OK，404 对 应 Not Found( 未 找到 ) 等 ) 
statusText HTTP 状态 码 的 相应 文本 (OK 或 Not Found 等 ) 


下 面 重 点 对 XMLHttpRequest 对 象 的 readyState 属性 进行 介绍 。 根 据 它 的 值 ， 可 以 得 知 
XMLHttpRequest 的 执行 状态 , 以 便 开发 人 员 随 之 做 出 相应 的 处 理 。readyState 属性 代码 如 表 12-2 
所 示 。 


表 12-2 readyState 属性 代码 


代 号 说 明 
代表 未 初始 化 的 状态 。 创 建 了 一 个 XMLHttpRequest 对 象 ， 但 尚未 初始 化 
代表 连接 状态 。 已 经 调用 了 open 方法 ， 并 且 已 经 准备 好 发 送 请 求 
代表 发 送 状 态 。 已 经 调用 了 send 方法 发 出 请 求 ， 但 尚未 得 到 响应 结果 
代表 正在 接收 状态 。 已 经 接收 了 HTTP 响应 的 头 信息 ， 正 在 接收 响应 内 容 
代表 已 加 载 状态 。 此 时 响应 内 容 已 完全 被 接收 


此 外 ， XMLHttpRequest 对 象 还 提供 了 包括 send0 和 open0 在 内 的 6 个 方法 ,用 来 向 服务 器 


发 送 HTTP 请 求 ， 并 设置 相应 的 头 信息 。 表 12-3 列 出 了 XMLHttpRequest 对 象 提供 的 方法 及 其 
简要 说 明 。 


区 


表 12-3 XMLHttpRequest 对 象 的 标准 方法 


名 称 说 明 
abortO 中 止 当前 请 求 
使 用 请 求 方式 (GET 或 POST 等 ) 和 请 求 地 址 URL 以 初始 化 一 个 
XMLHttpRequest 对 象 (这 是 该 方法 最 常用 的 重 载 形式 ) 
send(args) 发 送 数据 ， 参 数 是 提交 的 字符 串 信息 
setRequestHeader(key.value) 设置 请 求 的 头 部 信息 
getResponseHeader(key) 检索 响应 的 头 部 值 


getAllResponseHeaders|) 返回 响应 头 部 信息 ( 键 / 值 对 ) 的 集合 


open(method.url) 


12.1.2 ”实例 描述 


以 前 ， 人 们 需要 用 钱 的 时 候 ， 就 会 到 银 票 上 指定 的 钱庄 去 兑现 ， 很 不 方便 。 现 在 ， 人 们 不 
需要 受到 这 样 的 约束 ， 只 需要 一 张 银行 卡 就 可 以 取 到 现金 。 当 然 ， 不 管 是 在 哪个 银行 的 自动 取 


怀 全 mm 
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款 机 上 都 可 以 。 


使 用 XMLHttpRequest 对 象 异步 访问 控制 器 动作 ， 这 个 XMLHttpRequest 对 象 就 相当 于 银 


行 卡 ， 可 以 获取 异地 的 信息 。 下 面 这 个 案例 将 讲解 使 用 Ajax 异步 访问 控制 器 动作 。 


12.1.3 实例 应 用 


【 例 12-1】 异 步 访问 控制 器 动作 。 
(1) 创建 一 个 ASP.NET MVC 2 Web 应 用 程序 ， 名 称 为 Ajax。 
(2) 编写 页 面 元 素 。 除 换行 标记 外 ， 页 面 有 两 个 DOM 元 素 ， 功 能 分 别 为 : 按钮 Access 用 


于 触发 异步 请 求 事件 ，browser 容器 用 于 显示 异步 请 求 的 页 面 执行 结果 ，HTML 代码 如 下 : 


<input id="Access" type="button" value="Access" /> 
<br /> 
<div id="browser"></div> 


(3) 在 Home 控制 器 中 创建 一 个 没有 返回 值 的 普通 动作 方法 Get_page, 并 用 Response.Write 


输出 静态 网 页 ， 实 现代 码 如 下 : 


Response.Write("<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 
'http://www.w3.0org/TR/xhtml11/DTD/xhtml1l .dtd'>"); 
Response.Write("<html>"); 

Response.Write("<head>"); 


Response.Write("</head>"); 

Response.Write ("<body>"); 

Response.Write("<div class='container'>"); 

Response.Write("<div class='content'>"); 
Response.Write ("<h1> 中 国 古 代 的 思想 家 认为 :</h1l>"); 

Response.Write ("<p> 和 孟子 日 ， 人 之 初 ， 性 本 善 <a href='index.html'> 苟 子 日 :人 之 初 ， 性 本 
恶 ， 善 者 伪 也 </a> 告 子 说 : 人 之 初 ， 性 本 无 向 ， 犹 如 水 ， 决 之 东 则 东 ， 决 之 西 则 西 .</p>") 
Response.Write("<cite> 人 性 是 罪恶 的 来 到 这 世界 是 为 了 赎罪 ， 可 我 们 却 在 越 陷 越 深 . 马 克 思 说 
认为 : 人 是 社会 关系 的 产物 .</cite>") 7 


(4) 代码 中 创建 了 4 个 函数 : CreateRequest 用 于 创建 XMLHttpRequest 对 象 ; 


ResponseHandler 函数 是 一 个 回调 函数 , 在 通信 成 功 并 且 返 回 结果 正常 的 时 候 修改 页 面 DOM 的 


内 容 ，AjaxAccess 是 一 个 异步 请 求 函 数 ， 在 该 函数 中 异步 请 求 目 标 URL; 最 后 一 个 是 页 面 加 


载 事 件 处 理 程 序 ， 它 为 Access 按钮 绑 定 一 个 单 击 事件 。 


me >> 


通过 异步 请 求 方式 访问 控制 器 动作 ，JavaScript 实现 代码 如 下 : 


<script src="../../Scripts/jquery-1.4.1.min.js" 
type="text/javascript"></script> 
<script language="javascript" type="text/javascript"> 
var xmlRequest; 
function CreateRequest() { 
/* 创建 XMLHttpRequest 对 象 */ 
if (window.ActiveXObject) { 
return new ActiveXObject ("Microsoft .XMLHTTP"); 
} else if (window.XMLHttpRequest) { 
return new XMLHttpRequest (); 
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Dg 
1 
下 
function ResponseHandler() { 
if (xmlRequest.readyState == 4 && xmlRequest.status == 200) { 


/* 如 果 通信 成 功 ， 并 且 响 应 正常 ， 执 行 以 下 操作 */ 
Var reqContent = xmlRequest.responseText; 
document .getElementById ("browser") .innerHTML = reqContent; 


function AjaxAccess() { 


/* 异步 请 求 */ 

zxmlRequest = CreateRequest (); // 创 建 XMLHttpRequest 对 象 
xmlRequest .onreadystatechange = ResponseHandler; // 设 置 回 调 函 数 
xmlRequest .open ("GET", "/home/Get page"); // 初 始 化 请 求 对 象 
xmlRequest.send (null); / /发送 请 求 信息 


lL 


window.onload = function () { 


// 设 置 按钮 单 击 事件 


document .getElementById("Access") .onclick = AjaxAccess; 


! 
</script> 


12.1.4 ”运行 结果 


运行 该 页 面 , 单 击 Access 按钮 以 后 ， 待 请 求 获取 响应 结果 ，div 中 就 会 显示 Get_page 动作 
方法 中 输出 的 页 面 。 运行 效果 如 图 12-1 所 示 。 


中 国 古 代 的 思想 家 认为 : 


重子 日 : 人 之 初 ， 作 证 委 于 日 : 人 之 科 ， 性 玉 磊 ， 委 关 仿 亿 省 于 记 : 人 之 初 ， 必 可 无 采 ， 禾 30 水 ， 决 之 东 则 乐 ， 妇 之 西 则 机 
从 赫 旦 加 西风 闪 央 这 攻 弄 蝇 力 万 民团 可 是 各 入 间 居 者 代 字 所 可 扩 训 为， 人 过 作 辣 天 天 失 挛 萝 

所 有 这 些 问题 都 在 于 炬 对 人 性 时 件 作 一 个 说 明 这些 :人 识 都 是 基 于 人 和 全 二 存在 和 全 层次 区 别 的 二 同 

其 安 人 是 一 个 三 个 生命 层次 即 录 观 扔 前 复 合作 相同 术 大 人 这 和 在 人 村 的 内 个 抱 人 信人 


的 录 性 屋面 人 性 是 党 示 美好 ,人 性 是 向 大 的 -了 生命 三 动 的 三 寺 居 至 } 因此 在 《生命 运 坦 的 基本 原理 》 书 中 闻 注 对 人 性 的 一 种 新 的 观点 :人 的 本 性 
和 生命 的 相持 


人 的 灵魂 或 精神 


ey 
和 
人 的 灵 现 或 梧 冲 的 正面 性 - 


国 
CI 二、 om 
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12.1.5 “实例 分 析 


Ce 


该 案例 使 用 XMLHttpRequest 对 象 访问 控制 器 动作 ， 首 先 创建 XMLHttpRequest 对 象 ， 这 
是 很 关键 的 一 步 ， 实 现代 码 如 下 : 
if (window.ActiveXObject) { 
return new ActiveXObject ("Microsoft .XMLHTTP") ， 
} else if (window.XMLHttpRequest) { 
return new XMLHttpRequest (); 
} 
接着 通过 对 这 个 对 象 的 方法 或 属性 进行 设置 ， 以 实现 对 控制 器 动作 的 访问 。 


12.2 ”使 用 Ajax 获取 数据 


前 面 我 们 讲 到 以 POST 方式 向 页 面 发 送 数据 ， 本 节 将 讲解 以 GET 方式 获取 数据 。 
ci 视频 教学 : 光盘 /videos/12/12.2 使 用 Ajax 获取 数据 @@ 长 度 : 8 分钟 


12.2.1 基础 知识 一 一 $.get() 方 法 


$.get() 方 法 用 于 以 GET 方式 异步 传递 一 些 参数 给 服务 器 中 的 页 面 ， 该 方法 属于 jQuery 的 
全 局 方法 。 
$.get() 方 法 的 语法 格式 如 下 : 


Var xmlReq = $.get (url, [data], [callback], [typel]); 


其 中 ，url 参数 是 一 个 字符 串 ， 表 示 异 步 请 求 的 URL 地 址 ;data 参数 用 于 指定 执行 异步 请 
求 时 附加 的 参数 列表 ， 它 们 以 “ 键 / 值 ”对 的 形式 出 现 ， 是 可 选 参数 ，callback 参数 指定 当 响 应 
成 功 时 执行 的 回调 函数 , 是 可 选 参数 , type 参数 用 于 设置 返回 内 容 的 格式 , 可 选项 有 xml、 html、 
script、json、jsonp 和 text 等 ， 默 认 值 是 html。 

$.get() 方 法 的 回调 函数 callback 可 以 接受 两 个 值 ， 分 别 表示 请 求 结果 和 响应 状态 。 该 回调 
函数 的 语法 格式 如 下 : 


function (data, textSstatus){ 
/* data : 请 求 结果 ,可 以 是 html、xml、text 和 JSON 等 */ 
/* textstatus : 响应 状态 ， 可 能 是 success 等 */ 
$.get() 方 法 的 返回 值 是 它 所 创建 的 XMLHttpRequest 对 象 。 在 大 多 数 情况 下 ， 并 不 需要 对 
它 进行 直接 操作 。 不 过 ， 如 果 需 要 以 手工 方式 取消 请 求 ， 则 会 用 到 返回 值 。 


Eee >> 
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例如 ， 下 面 的 示例 代码 演示 了 S$.get0 方 法 的 使 用 情况 。 


$.get ("check.aspx", /* 以 GET 方式 请 求 check.aspx */ 
/* 将 name=somboysgpwd=123456 参数 附加 到 URL */ 

{ name: "somboy", pwd: "123456" }, 

function (data) 1{ /* 设置 回调 函数 */ 

alert ("返回 结果 为 : " + data); /* ”弹出 响应 结果 */ 

} 

); 


12.2.2 ”实例 描述 


关于 页 面 的 局 部 刷新 ， 据 了 解 ， 许 多 程序 员 都 习惯 用 Ajax 来 实现 。 例 如 图 书 管理 系统 的 
前 台 首 页 , 游客 可 以 通过 选择 想 要 查找 的 书籍 类 型 来 进行 页 面 的 局 部 刷新 ， 以 便 快速 找到 你 想 
要 的 书籍 。 本 节 将 以 GET 请求 页 面 的 方式 讲解 使 用 Ajax 如 何 实现 局 部 刷新 。 


12.2.3 ”实例 应 用 


【 例 12-2】 使 用 Ajax 获取 数据 。 
(1) 创建 一 个 ASPNET MVC 2 Web 应 用 程序 ， 名 称 为 Page_get。 
(2) 在 页 面 中 有 一 个 下 拉 列 表 blogClass; 一 个 div 标签 ， 用 于 接收 下 拉 列 表 项 所 对 应 的 数 
据 一 个 按钮 ， 用 于 响应 请 求 。 代 码 如 下 : 


<select id="blogClass"> 

<option selected="selected"> 所 有 </option> 
<option>CSS</option> 

<option>C#</option> 

</select> 

<input type="button" id="Search" value="Search"/> 
<div id="blogList" style=" margin-top:20px"></div> 


(3) 选择 下 拉 列 表 中 的 任何 一 个 选项 ， 单 击 Search 按钮 就 可 以 显示 出 对 应 的 数据 。 例 如 ， 
当 你 选择 C# 选 项 的 时 候 ，div 标签 中 就 会 显示 “C# 面 向 对 象 ”，jQuery 实现 代码 如 下 : 


<script src="../../Scripts/jquery-1.4.1.min.js" 
type="text/javascript"></script> 
<script language="javascript" type="text/javascript"> 
$(document) .ready (function () { 
$("#Search") .click(function () { 
/* 使 用 Get 方式 请 求 指定 URL */ 
$.get("/home/Get data", 
{ 
key: $("#blogCclass") .val() 
}, 
function (data) { 
$("#blogList") .html (data); 
Ds 
]) 
$("#Search") .click(); // 触 发 一 次 单 击 事件 
Phs 
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</script> 


(4) 在 Home 控制 器 下 创建 一 个 没有 返回 值 的 方法 Get_data, 实例 化 键 值 对 的 类 blogClass， 
并 为 其 添加 数据 ， 实 现代 码 如 下 : 


public void Get data() 
{ 
Dictionary<string, string> blogClass = new Dictionary<string, string>();// 
实例 化 blogclass 类 
blogclass.Add("css",， "css 中 的 padding"); // 添 加 键 值 对 
plogClass.Add ("Cc#"，"C# 面 向 对 象 "); 
blogClass.Add ("所 有 ", "css 中 的 padding，c# 面 向 对 象 "); 


string key = Request["key"]; // 获 取 请 求 服务 器 的 关 
ee (string str2 in blogClass.Keys) // 遍 历 键 的 集合 
if (str2 == key) 
" Response.Write (blogClass[key]); // 输 出 键 值 
| 


12.2.4 ”运行 结果 


运行 程序 ， 选 择 C# 选 项 ， 再 单 击 Search 按钮 ， 页 面 局 部 刷新 ， 效 果 如 图 12-2 所 示 。 
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12.2.5 ”实例 分 析 


Ce 


该 案例 为 页 面 Search 按钮 绑 定 了 一 个 单 击 事件 处 理 程序 ， 在 该 事件 处 理 程序 中 ， 以 GET 
方式 请 求 指定 URL， 并 为 其 传递 参数 。 请 求 完成 将 请 求 结 果 填 充 到 页 面 的 div 中 。 最 后 直接 触 
发 一 次 单 击 事件 ， 获 得 页 面 初始 内 容 。 


12.3 ”使 用 Ajax 向 页 面 发 送 数 据 


Ajax 具有 异步 提交 的 功能 ， 可 以 使 页 面 局 部 刷新 ， 而 不 用 将 整个 页 面 刷 新 。 本 节 将 讲解 
ASP.NET MVC 框架 中 Ajax 以 POST 方式 发 送 数 据 的 功能 。 


A9 
> 视频 教学 : 光盘 /videos/12/12.3 ”使 用 Ajax 向 页 面 发 送 数据 人 @@O 长 度 : 7 分 钟 


12.3.1 基础 知识 一 一 $.post() 方 法 


与 $.get( 方 法 类 似 ，$.post( 方 法 也 是 jQuery 全 局 方法 ， 它 能 够 实现 以 POST 方式 异步 提交 
数据 到 服务 器 端 。 
$.post0) 方 法 的 语法 格式 如 下 : 


Var xmlReq = $.post(url, [data], [callback], [type]) 


可 以 看 到 ， 该 方法 的 语法 结构 和 $.get0 方 法 一 样 ， 而 且 用 法 和 参数 列表 及 返回 值 说 明 都 完 
全 一 致 。 
$.post0 方 法 的 语法 结构 如 下 : 


Var xmlReq = $.post(url, [data], [callback], [type]) 


可 以 看 到 ， 该 方法 的 语法 结构 和 $.get() 方 法 一 样 ， 页 且 用 法 和 参数 列表 及 返回 值 说 明 都 完 
全 一 致 。 

但 是 ， 即 然 jQuery 提供 了 这 个 方法 ， 就 说 明 它 还 是 有 存在 的 必要 之 处 的 。 总 体 来 说 ， 它 
们 有 以 下 几 点 不 同 : 

@ 在 服务 器 端 可 能 会 为 同一 个 URL 的 不 同 请 求 方式 进行 不 同 的 操作 (特别 是 在 MVC 
模式 下 的 应 用 程序 中 更 为 常见 ), 所 以 不 同 的 请 求 方式 可 能 会 被 服务 器 响应 出 不 同 的 
结果 。 

@  $.get() 方 法 是 以 GET 方式 提交 的 数据 ， 所 有 的 参数 信息 都 将 追加 到 URL 后 面 。 而 
Web 请 求 一 般 对 URL 长 度 有 一 定 限制 ， 所 以 $.get0 方 法 传递 的 数据 长 度 也 有 一 定 上 
限 ， 而 $.post0 方 法 是 将 参数 作为 消息 的 实体 发 送 到 服务 器 的 ,对 数据 无 长 度 上 的 影响 
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@ ”由 于 浏览 器 的 缓存 功能 会 把 所 有 请 求 的 URL 进行 临时 存储 , 所 以 以 $.get0 方 法 追加 到 
URL 中 的 数据 也 会 被 浏览 器 保存 到 磁盘 上 , 这 样 如 果 参 数 是 比较 机 密 的 数据 , 则 可 能 
会 带 来 安全 隐患 ， 而 作为 数据 内 容 的 $.post0 方 法 则 不 存在 这 个 问题 。 


12.3.2 ”实例 描述 


网 上 购物 已 经 成 为 当今 社会 的 时 尚 ， 这 样 省 时 省 事 又 省 力 ， 具 有 三 重 功效 。 例 如 淘宝 网 ， 
里 面 有 很 多 我 们 日 常生 活 需 要 的 东西 , 我 想 看 看 数码 产品 这 个 模块 ， 那么 页 面 将 只 刷新 数码 模 
块 的 产品 信息 ， 其 他 数据 不 变 。 这 样 ， 一 来 可 以 提高 用 户 网 上 冲浪 的 速度 ， 二 来 可 以 节省 很 多 
资源 。 

下 面 这 个 案例 将 讲解 如 何 使 用 Ajax 向 页 面 发 送 数 据 以 实现 局 部 刷新 的 效果 。 


12.3.3 ”实例 应 用 


【 例 12-3】 使 用 Ajax 向 页 面 发 送 数 据 。 
(1) 创建 一 个 ASPNET MVC 2 Web 应 用 程序 ， 名 称 为 Page_send。 
(2) 以 POST 方式 访问 页 面 , 并 向 其 传送 数据 。 在 index 视图 中 , 编写 如 下 jQuery 实现 代码 : 


<script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"> 
</scr ipt> 
<script language="javascript" type="text/javascript"> 
$ (document) .ready (function () { 
$("#btn") .click(function () { 
$.post('/home/Page to', { 
text: 'my string', // 设 置 text 属性 值 
number: 23 // 设 置 number 属性 值 
}, 
function (data) { 
alert('Your data has been saved.'); 
$("#result") .text (data); // 用 div 接收 返回 的 数据 
1); 
1D); 
1) 
</script> 


(3) 在 Home 控制 器 里 面 创建 一 个 没有 返回 值 的 方法 Page_ to0， 接 收 以 上 代码 中 设置 text 
属性 值 ， 并 输出 结果 ， 实 现代 码 如 下 : 
public void Page to() 
， 
string str = Request["text"]; 


Response.Write ("返回 结果 是 : "+str); 
} 


(4) 在 index 中 添加 一 个 客户 端的 提交 按钮 和 一 个 div 标签 ， 其 中 div 标签 用 于 接收 数据 ， 
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其 代码 如 下 : 


<input id="btn” type="submit"” value=" 发 送 数据 "/> 


12.3.4 


运行 结果 


程序 ， 单 击 【 发 送 数据 】 按 钮 ， 效 果 如 图 12-3 所 示 。 
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图 12-3 使 用 Ajax 向 页 面 发 送 数据 
单 击 【 确 定 】 按 钮 ， 页 面 将 被 局 部 刷新 ， 效 果 如 图 12-4 所 示 。 
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PrductsController 提 动作 方法 的 请 李 ， 它 过 进入 到 舌 村 象 中 ,获取 所 有 的 产品 ,将 其 改正 一 起 ， 开 
格 结果 明寺 用户 。 


攻取 产品 数据 以 及 渤 择 视 副 的 过 程 是 动作 方法 的 主要 职 贾 。 它 关 趟 负责 机 向 能 关注 点 ， 如 日 志 记 好 、 
出 的 轻 存 、 身 验证 以 及 捞 权 等 。 动 作 方 法 出 下 需要 了 解 这 些 职 贾 。 以 涩 学 中 约 党 法 未 讲 ， 它们 与 
动 信也 下 本， 
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12.3.5 ”实例 分 析 


Ce 


该 案例 在 单 击 【发 送 数据 〗 按 钮 的 事件 中 设置 了 text 属性 的 值 ， 并 且 以 POST 方式 提交 到 
Page to 方法 中 。Page to 方法 来 接收 text 属性 值 ， 并 输出 结果 。 在 jQuery 代码 中 用 div 标签 来 
获取 返回 的 数据 ， 那 么 index 页 面 将 局 部 刷新 ， 并 显示 返回 结果 ， 代 码 如 下 : 

function (data) { 

alert('Your data has been saved.'); 
$("#result") .text (data); 


17); 
12.4 异步 读 取 书籍 名 称 


在 其 他 页 面 或 者 方法 中 ， 读 取 已 保存 的 书籍 的 名 称 。 在 ASP.NET MVC 框架 中 读 取 不 同 
方法 中 保存 的 数据 , 可 以 使 用 Ajax 的 异步 请 求 。 前 面 讲 到 使 用 Ajax 对 URL 进行 POST 和 GET 
等 的 请 求 方式 。 本 节 将 讲解 $.ajax() 方 法 的 使 用 。 


视频 教学 ; 光盘 /videos/12/12.4 异步 读 取 书籍 名 称 @@ 长 度 : 11 分 钟 


12.4.1 基础 知识 


$.ajax() 方 法 属于 jQuery 对 Ajax 提供 的 最 底层 方法 ， 前 面 介绍 的 $.get0 和 $.post() 方 法 均 属 
于 更 高 一 级 的 实现 。 

$.ajax0 方 法 的 语法 很 简单 ， 如 下 所 示 : 

$.ajax(options); 

该 方法 只 有 一 个 options 参数 ， 该 参数 是 一 组 “ 键 / 值 ”对 集合 ， 通 过 这 些 “ 键 / 值 ”来 对 
Ajax 请 求 的 各 个 选项 进行 配置 ， 像 请 求 方式 、 请 求 URL 或 者 回调 函数 等 。 

options 参数 的 所 有 选项 都 是 可 选 的 ， 表 12-4 中 列 出 了 该 参数 所 有 可 能 的 选项 及 其 说 明 。 

表 12-4 S$.ajax() 方 法 的 options 参数 


$.ajax() 方 法 


名 称 说 明 
async | 指定 是 否 以 异步 方式 发 送 请 求 ， 默 认为 true 
beforesend 。 | 指定 发 送 请 求 之 前 要 调用 的 函数 
cache | 指定 是 否 强制 浏览 器 缓存 被 请 求 的 页 面 ， 默 认为 true 
请 求 完成 后 的 回调 函数 ， 无 论 请 求 成 功 与 否 ， 都 将 触发 该 回调 函数 。 该 回调 函数 可 以 有 
complete 两 个 参数 ， 第 一 个 参数 用 于 访问 当前 使 用 的 XMLHttpRequest 对 象 ， 第 二 个 参数 返回 当 


前 请 求 的 执行 状态 (success 或 error 等 ) 
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S 
续 表 
名 称 说 明 
contentType 发 送信 息 至 服务 器 的 内 容 编码 类 型 。 默 认 值 为 application/x-www-form-urlencoded 
data 发 送 到 服务 器 的 数据 。 该 属性 可 以 是 对 象 或 字符 串 ， 如 果 是 对 象 ， 则 自动 转换 为 字符 串 
预期 服务 器 返回 的 数据 类 型 ， 该 属性 为 字符 串 类 型 。 可 选 值 有 xml、html、script、json、 
dataType jsonp 或 者 text。 如 果 没 有 设置 该 项 ,jQuery 将 根据 HTTP 包 中 的 MIME 信息 来 进行 智能 


判断 
请 求 执行 失败 时 的 回调 函数 ， 该 回调 函数 可 以 有 3 个 参数 ， 分 别 是 XMLHttpRequest 对 
象 ， 描 述 执行 状态 的 字符 串 ， 以 及 捕获 的 错误 对 象 


error 


global 是 否 触发 全 局 Ajax 事件 ， 默 认 值 为 false 
ifModified 指定 是 否 仅 在 服务 器 数据 改变 时 获取 新 数据 ， 默 认为 false 
jsonp 用 于 重 写 jsonp 请 求 中 的 回调 函数 名 称 ， 默 认 值 为 callback 
password 指定 响应 HTTP 访问 认证 请 求 的 密码 
是 否 将 发 送 的 数据 转换 为 对 象 以 配合 默认 内 容 类 型 application/x-www-form-urlencoded， 
processData 
默认 为 true 


scriptCharset 只 有 当 请 求 时 dataType 为 jsonp 或 script， 并 且 type 是 GET 才 会 用 于 强制 修改 charset 
请 求 执行 成 功 时 的 回调 函数 。 该 回调 函数 有 两 个 参数 ， 第 一 个 参数 用 于 访问 该 请 求 返回 
的 数据 ， 第 二 个 是 描述 执行 状态 的 字符 串 


SUCCeSS 


timeout 设置 请 求 超时 时 间 ， 以 毫秒 为 单位 

type 请 求 方式 (如 GET、POST 等 )， 默 认为 GET 
ul 发 送 请 求 的 地 址 

Usermame 指定 用 于 响应 HTTP 访问 认证 请 求 的 用 户 名 


下 面 来 看 一 些 使 用 $.ajax0 方 法 进行 异步 交互 的 例子 。 以 下 的 代码 将 以 GET 方式 加 载 
content.js 文件 : 


$.ajax({ 
type: "GET", 
ard “oontent> i 
dataType: "script" 
EN 


再 看 一 个 例子 ， 即 如 何 使 用 $.ajax0 方 法 发 送 POST 方式 的 异步 请 求 ， 并 传递 URL 参数 和 
使 用 回调 函数 。 代 码 如 下 : 


$.ajax({ 
type: "POST", 
url: "check.aspx", 
data: "name=somboy&pwd=123456", 
success: function (msg){ 
alert( "resulti®s + mag DA 
上 
和 
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12.4.2 ”实例 描述 


Ajax 最 大 的 优点 就 是 能 够 局 部 刷新 ， 前 面 我 们 已 经 讲 了 几 种 关于 Ajax 的 方法 ， 下 面 这 个 
案例 将 为 大 家 讲解 Ajax 的 另 一 种 使 用 方法 。 


12.4.3 ”实例 应 用 


【 例 12-4】 异 步 读 取 书 籍 名称 。 
(1) 创建 一 个 ASP.NET MVC 2 Web 应 用 程序 ， 名 称 为 AjaxMvc。 
(2) 在 index 视图 中 ， 有 一 个 按钮 和 一 个 div 标签 ， 代 码 如 下 : 


<input id="Access" type="button" value="Access" /> 
<div id="browser" style=" margin-top:20px"></div> 


(3) 在 Home 控制 器 下 创建 一 个 没有 返回 值 的 方法 Get_page。 实 例 化 一 个 泛 型 类 lst， 并 为 
其 添加 数据 ， 然 后 遍历 输出 ， 实 现代 码 如 下 : 


public void Get page() 
| 
List<string> lst = new List<string>(); 
1st .Add ("Cc# 编 程 基 础 ") ; 
lst .Add ("Cc# 高 级 编程 ") ; 
lst.Add ("C# 入 门 ") 7 
foreach (string str in 1st) 
{ 
Response.Write(strt+"<br />"); 
} 
) 


(4) 使 用 $.ajax0 方 法 异步 请 求 Home 控制 器 下 的 Get_page 方法 ， 如 果 请 求 成 功 ， 将 执行 一 
个 事件 的 处 理 ， 用 div 标签 接收 返回 的 数据 ， 实 现代 码 如 下 : 


<script src="../../Scripts/jquery-1.4.1.min.js" 
type="text/javascript"></script> 
<script language="javascript" type="text/javascript"> 
$ (document) .ready (function () { 
$("#Access") .click(function () { 
$.ajax({ 
type: 'GET', 
url: '/home/Get page', 
success: function (data) { 
$("#browser") .text (data); 


DD); 
</script> 
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12.4.4 “运行 结果 


运行 程序 ， 单 击 Access 按钮 ， 效 果 如 图 12-5 所 示 。 


CARR 各 于 础 <br 庆 C# 丙 编程 -br />C# 人 门 <br 记 
Mlimages amountto just atoucn over17KE 


Now for Some Dead Language Text 
Po, 用 户 一 个 在 四 扩 有 大 a0 扫 ， 那么 此 次 竺 击 可 能 包 奸 一 个 对 各 为 Lisg 
全 Ce 人 FT 请 守之 入 因 对 和 酚 取 厅 有 8 品 ， 插 JU 起， 开 


以 及 选择 视 副 的 过 程 是 要 职责 。 它 并 不 负 责 机 向 的 关注 点 ， 如 日 志 记 好 、 


产品 对 所 | 动作 方法 的 主 
Re 他 于 有 拉 权 等 动 人 方法 也 二 要 了 解 过 经 以 学 中 的 说 来 济 它们 与 
动作 方 这 的 用 但 下 不下 


图 12-5 异步 读 取 书籍 名 称 


12.4.5 ”实例 分 析 


a 


为 Home 控制 器 创建 了 一 个 没有 返回 值 的 方法 Get page0,， 用 于 响应 Ajax 的 请 求 ， 这 个 方 
法 保存 了 关于 书籍 名 称 的 数据 。 当 Ajax 请 求 处 理 完毕 ， 将 返回 这 些 数据 ， 最 后 将 这 些 数据 显 
示 在 index 视图 中 的 div 标签 里 ， 这 样 就 实现 了 页 面 的 局 部 刷新 ， 也 节省 了 内 存 的 使 用 。 


12.5 “异步 请 求 JSON 数据 


异步 请 求 控制 器 动作 方法 中 返回 的 JSON 数据 。JSON(JavaScript Object Notation) 是 一 种 轻 
量 级 的 数据 交换 格式 , 易于 阅读 和 编写 ,同时 也 易于 机 器 解析 和 生成 。 它 基于 JavaScript(Standard 
ECMA-262 3rd Edition - December 1999) 的 一 个 子 集 。JSON 采用 完全 独立 于 语言 的 文本 格式 ， 
但 是 也 使 用 了 类 似 于 C 语言 家 族 的 习惯 (包括 C、C++、C#、Java、JavaScript、Perl 和 Python 
等 )。 这 些 特性 使 SON 成 为 理想 的 数据 交换 语言 


上 视频 教学 ， 光盘 /videos/12/12.5 异步 请 求 JSON 数据 人 @@O 长 度 : 7 分 钟 
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12:5.9 


基础 知识 一 一 $.getJSON() 方 法 


JSON 是 一 种 轻 量 级 的 数据 交换 格式 ,非常 适合 于 服务 器 与 JavaScript 的 交互 。 和 XML 一 


，JSON 也 是 基于 纯 文 本 的 数据 格式 ， 而 且 JSON 比 XML 还 简单 。 


例如 ,一 个 学 生 的 基本 信息 包含 学 号 (studentNumber)、 姓 名 (name)、\ 年 龄 (age) 和 性 别 (isMale) 


[{ 


}] 


。 用 JSON 表示 一 个 学 生 集 合 ， 代 码 如 下 : 


"studentNumber" : "HNHZ11011240", 


"name" : "lee xiao long", 

"age” : 20， 

"isMale" : true 

"studentNumber" : "HNHZ10053532", 
"name" : "Zhao hao tai", 

"age”" : 24, 

"isMale" : true 


代码 中 以 方 括号 括 起 来 的 为 集合 ， 在 JavaScript 中 像 数组 一 样 可 被 直接 访问 。 花 括号 括 起 
来 的 是 对 象 ， 可 以 直接 操作 对 象 里 的 属性 。 

$.getUJSON( 方 法 是 jQuery 中 的 一 个 全 局 方法 , 该 方法 可 以 通过 GET 的 方式 请 求 载 入 JSON 
数据 。 其 语法 如 下 : 


Var xmlReq = $.getJSON(url, [data], [callback]) 

该 方法 的 3 个 参数 和 $.get() 方 法 一 样 ， 这 里 就 不 做 说 明了 。 

在 ASPNET MVC 中 , 通常 我 们 会 访问 一 个 保存 JSON 数据 的 方法 , 这 个 方法 的 返回 值 类 
型 是 JsonResult， 以 下 介绍 了 关于 JSON 的 几 个 重 载 方法 。 


Json(Object) ”创建 一 个 将 指定 对 象 序列 化 为 JavaScript 对 象 表示 法 (JSON) 的 
JSONResult 对 象 (继承 自 Controller)。 

Json(Object, String) ”创建 一 个 将 指定 对 象 序列 化 为 JavaScript 对 象 表示 法 (JSON) 格 式 
的 JsonResult 对 象 (继承 自 Controller) 。 

Json(Object, JsonRequestBehavionD 创建 JsonResult 对 象 , 该 对 象 使 用 指定 的 JSON 请 
求 行为 将 指定 对 象 序列 化 为 JavaScript 对 象 表示 法 (JSON) 格 式 (继承 自 Controller)。 
Json(Object String，Encoding) 创建 一 个 将 指定 对 象 序列 化 为 JavaScript 对 象 表示 法 
(JSON) 格 式 的 JsonResult 对 象 (继承 自 Controller)。 

Json(Object, String, JsonRequestBehavior) 创建 JsonResult 对 象 , 该 对 象 使 用 指定 内 容 
类 型 和 JSON 请 求 行为 将 指定 对 象 序列 化 为 JavaScript 对 象 表 示 法 (JSON) 格 式 (继承 自 
Controller)。 

Json(Object, String, Encoding, JsonRequestBehavior) 创建 JsonResult 对 象 ， 该 对 象 使 
用 内 容 类 型 、 内 容 编码 和 JSON 请 求 行为 将 指定 对 象 序列 化 为 JavaScript 对 象 表示 法 
(JSON) 格 式 ( 继 承 自 Controller)。 
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12.5.2 ”实例 描述 


在 Web 项 目 开发 中 ， 保 存 数据 一 般 会 用 泛 型 等 集合 列表 。 下 面 这 个 案例 让 我 们 就 一 起 来 
学 习 如 何 异 步 请 求 JSON 数据 ， 当 然 JSON 里 面 保 存 的 也 是 集合 列表 ， 只 不 过 返回 的 是 JSON 
数据 。 


12.5.3 ”实例 应 用 


【 例 12-5】 异 步 请 求 JSON 数据 。 
(1) 创建 一 个 ASP.NET MVC 2 Web 应 用 程序 ， 名 称 为 Ajax_json。 
(2) 在 Home 控制 器 下 创建 一 个 返回 JSON 数据 的 方法 Get_json, 并 将 返回 的 JSON 设置 为 
允许 GET 访问 ， 实 现代 码 如 下 : 


public JsonResult Get json() 
:| 
IList<object> list = new List<object>() 
{ 
new { name="zhangsan", age=23, isMale=true }, 
new { name="jo", age=34, isMale=true }, 
new { name="obama", age=54, isMale=true } 
}; 
return Json(list,JsonRequestBehavior.AllowGet); 


} 
(3) 在 index 视图 中 添加 一 个 表格 ， 用 于 显示 请 求 获得 的 JSON 数据 ， 实 现代 码 如 下 : 


<table id="people" cellspacing="1"> 

<thead> 
<tr><td>Name</td><td>Age</td><td>Sex</td></tr> 
</thead> 

<tbody></tbody> 

</table> 


(4) 编写 jQuery 代码 ， 使 用 geUSON() 方 法 异步 请 求 Get_json 方法 中 的 JSON 数据 ， 并 将 
数据 显示 在 表格 中 ， 实 现代 码 如 下 : 


<script src="../../Scripts/jquery-1.4.1.min.js" 
type="text/javascript"></script> 
<script language="javascript" type="text/javascript"> 
$(document) .ready (function () { 
/* 异步 请 求 ， 载 入 JSON 数据 */ 
$.getJSON ("/home/Get json"， 
function (data) { 
/* 遍历 请 求 结果 */ 
$.each (data, 
function (index, p) { 
Var html = "<tr><td>" + p.name + "</td><td>" + p.age + 
"</td><td>" + (p.isMale ? "male" : "female") + "</td></tr>" 
$ ("tbody") .append (htm]l); 
]) 7 
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Ds 
Ds; 
</script> 


12.5.4 ”运行 结果 


运行 程序 ， 效 果 如 图 12-6 所 示 。 


for 
news, r maybe a orofile. 
obama 54 male The choices are practicaly 

lmiless for ths blue box! 
Alimages amountlo just atouch over 17KE: 


Now for Some Dead Language Text 
0 , 当 用 户 单 二 一 个 在 贾 面 上 显示 所 有 产品 的 钴 接 ， 那 么 此 次 间 击 可 能 外 建 一 个 对 各 大 Lisg Ree 
PrgucisConolef 作 方法 的 记 有 ， 它 尘 进 入 允 舌 对 和 中， 获取 记 有 鸭 产 品 , 村 其 太 在 一 起 ， 开 Latumave felic 
村 结果 显 结 用 户 。 mn 

获 职 产品 外 据 以 及 选择 视 加 约 过 程 旦 动作 六 法 的 主要 职责 。 它 并 二 负责 模 册 的 关注 点 ， 如 日 志 记 好 、 
输出 的 肥厚 ， 身 从 证 以 及 抒 机 等 。 动 人 六 法 也 下 融 要 了 解 这 此 职责 。 以 光学 中 的 说 法 采 齐 ， 它 们 与 
动作 方法 的 用 从 下 下 下 ， 


camper 
Aventinum tenet. 


Algidumcue, quindecim Diana 
preces virorum curat et Yots 
Pue orum amicas adpiicet eurs, 


Om PNT 


图 12-6 异步 请 求 JSON 数据 


12.5.5 ”实例 分 析 


s 源码 解析 


在 Home 控制 器 下 创建 一 个 返回 类 型 为 JsonResult 的 动作 方法 Get json， 将 list 泛 型 集合 
以 JSON 数据 的 形式 返回 ， 实 现代 码 如 下 : 


return Json(list,JsonRequestBehavior.AllowGet); 
其 中 ,JsonRequestBehavior.AllowGet 表 示 允 许 以 GET 方式 访问 .最 后 在 页 面 中 用 getJSONO 


方法 获取 JSON 数据 。 
12.6 ”提交 Ajax 表单 


通常 , 我 们 将 想 要 提交 的 数据 放 在 Form 表单 中 ,本 节 将 讲解 如 何 提交 Ajax 表单 中 包含 的 
数据 。 需 要 注意 的 是 ， 一 定 要 引用 ASPNET MVC 框架 自 带 的 两 个 脚本 文件 MicrosoftAjax.js 
和 MicrosoftMvcAjax.js。 
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唆 视频 教学 : 光盘 /videos/12/12.6 ”提交 Ajax 表单 人 @ 长 度 : 7 分 名 


12.6.1 基础 知识 一 一 Ajax.BeginForm() 方 法 


ASP.NET MVC 有 第 三 种 使 用 Ajax 的 方式 一 一 Ajax Helper， 它 包含 以 下 4 个 方法 。 

@ Ajax.ActionLink() 泻 染 成 一 个 超 链 接 的 标签 ， 类 似 于 Html.ActionLinkQ。 当 它 被 单 
击 之 后 ， 将 获取 新 的 内 容 并 插入 HTML 页 面 中 。 

@ ”Ajax.BeginForm() ” 演 染 成 一 个 HTML 的 Form 表单 ,类似 于 Html.BeginForm()。 当 它 
提交 之 后 ， 将 获取 新 的 内 容 并 插入 HTML 页 面 中 。 

@ AjaxRouteLink0 类 似 于 Ajax.ActionLink0。 不 过 它 可 以 根据 任意 的 routing 参数 生成 
URL， 而 不 必 包 含 调用 的 action。 使 用 最 多 的 场景 是 自 定义 的 IController， 里 面 没有 
action 。 

@ Ajax.BeginRouteForm() 类 似 于 Ajax.BeginForm(), 这 个 Ajax 等 同 于 Html.RouteLink(。 

下 面具 体 了 解 Ajax.BeginForm() 的 参数 ， 如 表 12-5 所 示 。 


表 12-5 Ajax.BeginForm() 的 参数 


actionName 将 处 理 请 求 的 操作 方法 的 名 称 


controllerName 将 处 理 请 求 的 控制 器 的 名 称 
ajaxOptions 提供 异步 请 求 选项 的 对 象 
其 中 ，ajaxOptions 对 象 包含 以 下 几 个 可 选 属性 ， 如 表 12-6 所 示 。 
表 12-6 ajaxOptions 对 象 的 属性 


属 性 说 明 
HttpMethod 获取 或 设置 HTTP 请 求 方法 POST 或 GET) 
UpdateTargetId 获取 或 设置 要 使 用 服务 器 响应 来 更 新 的 DOM 元 素 的 Id 
InsertionMode 获取 或 设置 指定 如 何 将 响应 插入 目标 DOM 元 素 的 模式 
Confirm 获取 或 设置 在 提交 请 求 之 前 ， 显 示 在 确认 窗口 中 的 消息 
LoadingElementId 获取 或 设置 在 加 载 Ajax 函数 时 ， 要 显示 的 HTML 元 素 的 Id 
OnBegin 获取 或 设置 在 更 新 页 面 之 前 调用 的 JavaScript 函数 的 名 称 
OnComplete 获取 或 设置 在 实例 化 响应 数据 之 后 但 更 新 页 面 之 前 ， 要 调用 的 JavaScript 函数 
OnFailure 获取 或 设置 在 页 面 更 新 失败 时 ， 要 调用 的 JavaScript 函数 
OnSuccess 获取 或 设置 在 成 功 更 新 页 面 之 后 ， 要 调用 的 JavaScript 函数 
Url 获取 或 设置 要 向 其 发 送 请 求 的 URL 
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12.6.2 ”实例 描述 


某 天 ， 我 看 到 一 个 很 不 错 的 论坛 ， 想 下 载 文件 ， 结 果 还 得 注册 。 没 办 法 ， 现 在 这 个 社会 ， 
做 什么 都 得 注册 。 找 工作 要 注册 ， 发 表 微 博 要 在 微 博 上 注册 账号 等 ， 最 普遍 的 就 是 结婚 要 先 注 
册 ， 这 是 规矩 。 

那么 这 些 所 谓 的 注册 页 面 ， 可 以 用 很 多 种 语言 去 实现 ,在 下 面 这 个 案例 中 ,我 们 就 用 Ajax 
来 实现 。 


12.6.3 ”实例 应 用 


【 例 12-6】 提 交 Ajax 表单 。 
(1) 创建 一 个 ASPNET MVC 2 Web 应 用 程序 ， 名 称 为 AjaxApp。 
(2) 页 面 中 有 一 个 文本 框 和 一 个 提交 按钮 ， 通 过 用 户 单 击 按钮 ， 得 到 搜索 结果 ， 更 新 页 面 
上 的 div 标签 里 的 文本 值 .创建 一 个 Ajax 的 表单 (使 用 Microsoft Ajax 库 , 该 库 与 ASP.NET MVC 
在 一 起 )， 方 法 是 使 用 ASP.NET MVC 的 辅助 方法 ， 实 现代 码 如 下 : 


<script src="../../Scripts/MicrosoftAjax.js" 
type="text/javascript"></script> 
<script src="../../Scripts/MicrosoftMvcAjax.js" 


type="text/javascript"></script> 
<%using (Ajax.BeginForm("helloajax", new AjaxOptions { UpdateTargetId = 
"results" })) 
{ %> 
<%=Html .TextBox ("query",null,new {size=40}) 多 > 
<input type="submit" /> 
<%} $> 
<div id="results"></div> 


以 上 代码 引用 了 MicrosoftAjax.js 和 MicrosoftMvcAjax.js 两 个 脚本 文件 。 
(3) 在 Home 控制 器 里 创建 一 个 简单 的 动作 ， 该 动作 将 呈现 搜索 字符 串 作 为 表单 的 结果 ， 
实现 代码 如 下 : 


public string helloajax (string query) 
{ 

return "你 输入 的 是 : " + query; 
; 


12.6.4 运行 结果 


运行 程序 ， 在 文本 框 中 输入 任意 字符 串 ， 单 击 【 提 交 查 询 内 容 】 按 钮 ，div 标签 里 面 的 文 
本 值 将 更 新 为 之 前 输入 的 字符 串 ， 效 果 如 图 12-7 所 示 。 
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lo, -于 名 为 = 
FroductsContoleras 作 力 法 的 请 家 ， 它 注入 多 时 和 中， 获取 所 有 的 六 品 ,村 玉 生起， 
将 洁 果 显 示 疆 用 忆 


井 剖 所 以 及 过 择 视 加 的 过 程 是 动作 方法 的 主要 职责 。 它 并 不 负责 筑 向 名 关 证 点 ， 加 日 志 记 了 
Sa 二 En 


图 12-7 提交 Ajax 表单 


12.6.5 ”实例 分 析 


ss 


该 案例 主要 讲述 了 如 何 提交 Ajax 表单 ， 在 ASP.NET MVC 框架 中 ， 自 动 为 用 户 提供 了 关 
于 Ajax 的 脚本 文件 , 这 里 用 到 的 两 个 脚本 文件 分 别 是 MicrosoftAjax.js 和 MicrosoftMvcAjax.js。 
在 Ajax 表单 中 有 一 个 文本 框 和 一 个 提交 按钮 ， 如 何 成 为 一 个 Ajax 表单 呢 ? 关键 在 于 
Ajax.BeginForm() 方 法 的 使 用 。 


12.7 ”获取 当前 时 间 


获取 当前 时 间 ， 用 DateTime.Now 即 可 获取 ， 很 简单 。 然 而 ， 我 们 想 通 过 Ajax 异步 请 求 ， 
获取 它 的 周期 是 怎么 样 的 。 本 节 主 要 讲解 有 关 Ajax 的 全 局 事件 。 


上 视频 教学 :光盘 /videos/12/12.7 获取 当前 时 间 人 @@O 长 度 : 8 分钟 
12.7.1 基础 知识 一 一 Ajax 全 局 事件 
前 面 我 们 介绍 过 ,使 用 $.ajax0 方 法 可 以 设置 一 些 回 调 函 数 ， 它 们 将 在 请 求 发 送 之 前 ,请 求 


完成 后 ， 以 及 请 求 成 功 或 者 失败 时 执行 。 使 用 这 些 方式 设置 的 回调 函数 ， 仅 适用 于 某 次 Ajax 
请 求 。 若 要 对 Ajax 请 求 设置 全 局 回调 函数 ， 则 需要 对 Ajax 全 局 事件 进行 绑 定 。 


怀 全 mm 
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jQuery 提供 的 全 局 事件 函数 主要 有 如 下 几 个 。 

@ ajaxComplete(callback) Ajax 请 求 完 成 时 触发 该 事件 。 
ajaxError(callback) Ajax 请 求 出 现 错误 时 触发 该 事件 。 
ajaxSend(callback) Ajax 请 求 发 送 前 触发 该 事件 。 
ajaxStart(callback) ”Ajax 请 求 开始 时 触发 该 事件 。 
ajaxStop(callbaclk) ”Ajax 请 求 结束 时 触发 该 事件 。 

@ ajaxSuccess(callback) Ajax 请 求 成 功 时 触发 该 事件 。 


以 上 几 个 函数 的 参数 callback 都 是 触发 事件 时 执行 的 事件 处 理 程序 ， 其 中 ajaxStart0 和 
ajaxStop( 方 法 的 事件 处 理 程序 是 一 个 无 参 的 函数 。 其 余 的 都 可 以 有 3 个 参数 ， 格 式 如 下 : 


function(event, XHR, settings){ 
/* event 是 触发 的 事件 对 象 */ 
/* XHR 是 XMLHttpRequest 对 象 */ 
/* settings 是 Ajax 请求 配置 参数 */ 


@@ 当 我 们 使 用 jQuery 的 Ajax 方法 时 ， 不管 是 $.ajax()、$.get() 或 $.getJSONO 等 都 会 默 
注意 | 。” 认 触 发 全 局 事件 。 只 是 通常 不 绑 定 全 局 事件 ， 但 实际 上 这 些 全 局 事件 非常 有 用 。 


12.7.2 ”实例 描述 


在 Web 项 目 开发 中 ， 页 面 中 存在 多 个 甚至 为 数 不 少 的 Ajax 请 求 ， 这 些 Ajax 请 求 都 有 相 
同 的 消息 机 制 。 在 Ajax 请 求 开始 前 显示 一 个 提示 框 ， 提 示 “ 正 在 读 取 数据 ”; Ajax 请 求 成 功 


时 提示 框 显示 “数据 获取 成 功 ”; Ajax 请 求 结束 后 则 隐藏 提示 框 。 


12.7.3 ”实例 应 用 


【 例 12-7】 获 取 当 前 时 间 。 
(1) 创建 一 个 ASPNET MVC 2 Web 应 用 程序 ， 名 称 为 AjaxEvent。 


(2) 在 index 视图 中 ， 有 一 个 div 标签 ， 用 于 表现 全 局 事件 的 执行 过 程 ; 一 个 文本 域 ， 用 于 


显示 请 求 后 得 到 的 数据 ， 一 个 按钮 ， 用 于 触发 全 局 事件 。HIML 代码 如 下 : 


<div id="loading" style=" margin-top:20px;">Loading..... </div> 
<textarea id="content"></textarea> 
<input type="button" id="btn loading" value="load" /> 


(3) 在 Home 控制 器 下 创建 一 个 返回 值 类 型 是 string 的 动作 方法 Get_date, 用 于 返 区 


当前 时 


间 ， 其 实现 代码 如 下 : 


public string Get date() 
{ 
return DateTime.Now.ToString(); 


(4) 通过 编写 jQuery 代码 来 展示 全 局 事件 的 执行 过 程 ， 其 实现 代码 如 下 : 
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<script src="../../Scripts/jquery-1.4.1.min.js" 
type="text/javascript"></script> 
<script language="javascript" type="text/javascript"> 
$ (document) .ready (function () { 
$("#loading") .hide (); 
$ ("#1loading") .ajaxstart (function () {//Ajax 请 求 开始 时 触发 该 事件 
$ (this) .show(); //id 为 loading 的 div 标签 显示 
1D); 
$ ("#1loading") .ajaxStop (function () {//Ajax 请 求 结束 时 触发 该 事件 
$ (this) .hide(); //id 为 loading 的 div 标签 隐藏 
1D); 
$("#btn loading") .click (function () {// 单 击 1oading 
$.get ("/home/Get_date" - nullr function (data}y { 
$("#content") .text (data); 


Ts 
</script> 


12.7.4 运行 结果 


运行 程序 ， 单 击 load 按钮 ， 由 于 触发 事件 后 持续 的 时 间 很 短 ， 所 以 看 不 到 loading.… 标 记 ， 
效果 如 图 12-8 所 示 。 


home about foum 
2010-11-25 10+13:02 
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12.7.5 实例 分 析 


ss 


该 案例 中 ，ajaxStart 事件 发 生 在 请 求 开始 的 时 候 ，ajaxStop 事件 发 生 在 请 求 结束 的 时 候 。 


怀 mm 
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当 请 求 开 始 的 时 候 ， 指 定 div 标签 显示 ; 当 请 求 结束 的 时 候 ， 指 定 div 标签 就 会 隐藏 。 由 于 这 
里 请 求 的 路 径 是 本 地 路 径 ， 也 就 是 Home 控制 器 下 的 Get date 方法 ， 事 件 从 开始 到 结束 的 时 间 
间隔 非常 短 ， 所 以 执行 效果 很 快 显示 出 来 。 


12.8 ”常见 问题 解答 


12.8.1 使 用 Ajax 更 新 页 面 信息 


[Es 使 用 Ajax 更 新 页 面 信息 的 问题 。 


[好 网 络 课堂 ; http://bbs.itzen.conmythread-11077-1-1.html 


我 想 在 A 页 面 触发 一 个 事件 , 使 用 Ajax 从 数据 库 中 取出 id=1 的 姓名 和 性 别 , 放 在 A 页 面 
的 两 个 input 里 ， 请 问 该 怎么 实现 ， 最 好 使 用 jQuery。 
【解决 办 法 】 比 如 你 的 页 面 上 有 两 个 input。 


<input id="userName" /> 
<input id="userSex" /> 


你 可 以 使 用 如 下 方法 异步 请 求 服务 器 。 


$ (function(){ 
$.getJSON ( 
"Test .html"， // 接 收 请 求 的 服务 器 路 径 
{ 
本 
}, 
function(jsonData){ 
$("#userName") .val (jsonData.username); 
$("#userSex") .val (jsonData.usersex); 


$ (document) .ajaxError (function(){ alert ("asdfasd"); }); 
D1); 


之 后 你 在 服务 器 接收 请 求 的 id 值 ， 读 取 相 应 的 记录 ， 向 客户 端 返回 这 样 一 段 JSON 文本 
即 可 。 


{ 


"username" : "zhangsan", 
“USP s “mAale” 


12.8.2 ”使 用 Ajax 的 getJSON() 方 法 没 反 应 


我 使 用 Ajax 的 getUSON() 方 法 没 反应 ， 为 什么 ? 
网 络 课堂 : http:/bbs.itzcn.comy/thread-11078-1-1.html 


我 使 用 Ajax 的 geUSON( 方 法 时 没 反应 ， 为 什么 ? 


ma >> 
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我 有 如 下 一 段 待 处 理 的 JSON 数据 。 
{ 


username :" 李 一 "， 
title : "测试 1"， 
content : "这 是 测试 1 的 内 容 " 


在 使 用 下 面 代码 处 理 的 时 候 没 有 反应 。 


$.getJSON( 
"json.html", null, 
function(json){ 
$("#userName") .val (json.username); 
$("#title") .val (json.title); 
$("#content") .val (json.content); 


有 


什么 原因 啊 ? 
【解决 办 法 】 应 该 是 你 的 JSON 数据 属性 名 没有 加 引号 所 致 。 
这 样 修改 一 下 : 
上 
"username"” : " 李 一 "， 
YE5ETe 测试 开 
"content"” : "这 是 测试 1 的 内 容 " 
| 


这 样 就 可 以 了 。 
12.8.3 ”为 什么 执行 了 jQuery 中 的 Ajax 还 要 刷新 页 面 


为 什么 执行 了 jQuery 中 的 Ajax 还 要 刷新 页 面 啊 ? 
网 络 课堂 : http://bbs.itzen.comy/thread-11079-1-1.html 


为 什么 执行 了 jQuery 中 的 Ajax 还 要 刷新 页 面 啊 ? 
我 的 页 面 代码 如 下 : 


<form> 

<input id="userName" /> 

<input id="userSex" /> 

<button id="submit">Submit</button> 
</form> 


jQuery 代码 如 下 : 


$ (function(){ 
$("#submit") .click (function(){ 
$.get( "test.html", null, 
function(){ /* Function Body */ })7 
Ds; 


【解决 办 法 】 这 不 奇怪 ， 单 击 按钮 的 时 候 触发 了 表单 的 提交 事件 。 你 在 表单 提交 事件 处 理 


< 
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程序 中 返回 一 个 false 就 行 了 。 代 码 如 下 : 


$ ("form") .submit (function(){ return false; }); 


把 这 行 代码 添 加 到 jQuer 代码 的 ready 事件 中 就 行 了 。 


12.8.4 关于 ASP.NET MVC BeginForm 的 问题 


关于 ASPNET MVC BeginForm 的 问题 。 
网 络 课堂 : http://bbs.itzcn.com/thread-11080-1-1.htnl 


让 我 一 直 很 困惑 的 是 ， 为 什么 不 直接 用 <form></form>? 
【解决 办 法 】Action 的 URL 可 能 受 UrlIRouting 的 影响 而 改变 。 
比如 你 将 {controller}/{action} 规则 改 为 {action}/ {controller}.html。 
是 不 是 要 将 所 有 的 页 面 的 <form action="data/get" 改 为 <form action="getdatahtml" 呢 ? 
如 果 使 用 Helper 就 解决 了 这 个 问题 。 
其 实 所 有 的 Helper 无 非 就 是 解决 程序 中 有 变化 的 东西 ， 比 如 绑 定数 据 ， 或 UrlRouting 的 


URL 或 相对 路 径 ， 如 果 你 的 地 址 一 直 不 会 变化 ， 完 全 可 以 使 用 HIML 标签 。 


12.9 可 题 
一 、 填 空 题 
(1) Ajax 的 异步 操作 是 由 对 象 实现 的 。 
(2) XMLHttpRequest 对 象 是 浏览 器 中 实现 使 用 HTTP 协议 与 交换 数据 的 对 象 。 


(3) 使 用 GET 方式 来 进行 异步 请 求 的 方法 是 
(4) jQuery 实现 Ajax 的 最 底层 的 方法 是 
(5) 异步 请 求 JSON 数据 的 使 用 方法 是 


二 、 选 择 题 

(1) 下 列 选项 中 是 Ajax.BeginForm() 的 参数 ajaxOptions 对 象 的 属性 。 
A. actionName B. ActionResult 
C. Url D. JsonResult 

(2) 下 列 选项 中 是 XMLHttpRequest 对 象 的 属性 。 
A. readyState B. Url 
C. ajaxOptions D. getJSON 

(3) 下 列 选项 中 是 Ajax 请 求 开始 时 触发 的 事件 。 
A. ajaxError(callback) B. ajaxSend(callback) 
C. ajaxStart(callback) D. ajaxStop(callback) 

(4) 下 列 选项 中 是 Ajax 请 求 结束 时 触发 的 事件 。 
A. ajaxError(callback) B. ajaxSend(callback) 
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LD 
C. ajaxStart(callback) D. ajaxStop(callback) 
(5) 下 列 选项 中 是 Ajax 请 求 出 现 错误 时 触发 的 事件 。 
A. ajaxError(callback) B. ajaxSend(callback) 
C. ajaxStart(callback) D. ajaxStop(callback) 


三 、 上 机 练习 


上 机 练习 : 异步 请 求学 生成 绩 信 息 。 
(1) 创建 一 个 ASP.NET MVC 2 Web 应 用 程序 ， 名 称 为 Ajax_mvec。 
(2) 在 控制 器 中 创建 一 个 返回 数据 类 型 为 JSON 的 动作 方法 ， 方 法 名 自 定 义 。 用 Ajax 实现 


异步 请 求学 生成 绩 信 息 的 功能 ， 提 供 一 个 学 生成 绩 信 息 类 stuinfo， 其 代码 如 下 : 


public class stuinfo 


{ 


public int Id { get; set; } // 学 生 编号 
public string Name { get; set; } // 学 生 姓 名 
public int Math score { get; set; } // 数 学 成 绩 


public int Chinese score { get; set; } // 语 文成 绩 
public int English score { get; set; } // 英 语 成 绩 
} 


运行 效果 如 图 12-9 所 示 。 


我 的 MVC 应 用 程序 


欢迎 使 用 ASP.NET MVC! 


学 生 弓 导 字 和 姓名 到 字 语文 瑞 活 
Lucy 65 85 75 
Tom 77 ge 75 
Susan 65 85 75 


车 要 了 解 有 关 ASP,NET MVC 的 更 多 信息 ， 语 访问 httpi//asp.net/mve. 
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内 容 摘要 

一 般 来 说 ， 我 们 在 编写 代码 时 ， 一 定 会 反复 调试 以 保证 它 能 够 编译 通过 。 如 果 编 译 没 有 通 
过 , 没有 人 会 当成 工作 成 果 交 付 给 自己 的 领导 。 最 后 代码 通过 了 编译 , 只 能 说 明 它 的 语法 正确 ， 
我 们 却 无 法 保证 它 的 功能 实现 也 完全 正确 ， 所 以 没有 人 会 保证 这 段 代码 一 定 没有 Bug。 

要 对 我 们 编写 的 代码 进行 功能 测试 , 有 一 个 方法 就 是 把 它 加 入 项 目 , 进行 整体 测试 。 但 是 ， 
这 几乎 是 不 可 能 的 ， 一 些 大 的 项 目 组 中 很 多 人 负责 的 都 是 一 个 不 完整 的 模块 ， 而 每 个 人 的 开发 
进度 不 一 样 ， 所 以 实时 进行 整体 测试 是 不 现实 的 。 

那么 ， 我 们 就 要 想 办 法 对 每 一 个 小 单元 ， 甚 至 是 一 个 小 的 任务 点 、 一 个 类 或 一 个 方法 进行 
测试 。 这 种 测试 ， 就 是 单元 测试 。 

编写 单元 测试 可 以 用 来 验证 这 段 代码 的 行为 是 否 与 我 们 期 望 的 一 致 。 有 了 单元 测试 ， 可 以 
轻松 地 检查 代码 逻辑 的 正确 性 。 好 的 单元 测试 会 对 应 用 程序 的 功能 提供 可 靠 的 保证 。 

本 章 首先 来 了 解 一 下 单元 测试 的 意义 ， 以 及 什么 是 测试 驱动 开发 (TDD)， 最 后 将 TDD 思 
想 运用 到 我 们 的 MVC 项 目 中 ， 分 别 对 路 由 、 控 制 器 进行 测试 。 


学 习 目标 

@ 了 解 单元 测试 的 意义 

了 解 测 试 驱动 开发 的 思想 
掌握 Routing 的 测试 方法 
掌握 Controller 的 测试 方法 
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13.1 理解 单元 测试 


视频 教学 ， 光盘 /videos/13/13.1 单元 测试 Og: 1 分 钟 


13.1.1 单元 测试 的 意义 


一 直 说 单元 测试 ， 首 先 我 们 要 和 弄 懂 什么 是 单元 测试 。 

1. 单元 测试 的 概念 

单元 测试 是 针对 代码 单元 的 独立 测试 ， 也 叫 横 块 测试 。 

在 .NET Framework 中 ， 程 序 的 最 小 单元 是 类 。 但 是 从 实用 角度 讲 ， 我 们 处 理 程序 逻辑 或 
业务 逻辑 使 用 的 是 程序 里 的 方法 。 如 果 说 以 类 为 单元 进行 测试 则 比较 复杂 ， 也 几乎 没有 必要 ， 
所 以 单元 测试 里 的 代码 单元 一 般 指 的 是 类 里 的 方法 。 

独立 的 测试 是 指 将 代码 单元 从 原始 项 目 中 隔离 出 来 ， 进 行 单独 的 测试 。 

也 就 是 说 单元 测试 是 指 编写 专门 的 代码 单独 调用 需要 测试 的 方法 ， 进 行 方法 功能 验证 的 工作 。 

2. 为 什么 要 做 单元 测试 


在 多 个 人 协同 开发 的 软件 项 目 中 ,每 个 人 负责 一 部 分 代码 的 编写 。 多 个 人 负责 的 各 个 部 分 
功能 可 能 关联 十 分 紧密 ， 单 独 运行 调试 基本 上 是 不 可 能 的 事情 。 

但 是 ， 我 们 又 不 能 百分之百 保证 我 们 编写 的 代码 没有 任何 Bug， 没 有 一 点 缺陷 ， 完 全 可 以 
准确 、 高 效 地 运行 ， 所 以 我 们 需要 对 各 自 编写 的 代码 进行 一 些 功能 验证 。 

于 是 ， 单 元 测试 诞生 了 。 

3. 单元 测试 的 作用 

单元 测试 能 够 验证 代码 的 行为 是 否 与 我 们 最 初期 望 的 一 致 , 它 可 以 最 小 粒度 地 对 我 们 的 代 
码 进行 测试 。 

单元 测试 不 仅仅 是 作为 无 错 编码 的 辅助 手段 在 一 次 性 的 开发 过 程 中 使 用 , 而 且 单 元 测试 必须 
是 可 重复 使 用 的 。 无 论 是 在 代码 编写 、 软 件 修改 或 者 移植 到 新 的 运行 环境 的 过 程 中 ,单元 测试 都 
需要 正常 运行 。 因 此 ， 所 有 的 单元 测试 都 必须 在 整个 软件 系统 的 生命 周期 中 进行 维护 、 使 用 。 


4. 什么 时 候 使 用 单元 测试 


对 于 这 个 问题 ， 我 们 需要 首先 了 解 一 下 软件 开发 的 流程 。 

软件 开发 流程 基本 上 分 为 分 析 需 求 、 架 构 设 计 、 编 码 、 测 试 以 及 验收 等 阶段 ， 单 元 测试 在 
编码 工作 以 后 测试 工作 的 初期 执行 .业界 流行 的 一 个 软件 开发 V 型 流程 图 详细 标明 了 单元 测试 
的 执行 时 机 ， 如 图 13-1 所 示 。 

其 实 ， 图 13-1 标示 的 单元 测试 可 能 会 给 我 们 造成 误解 。 根 据 图 中 标示 的 顺序 ， 我 们 很 可 
能 以 为 单元 测试 将 在 编码 工作 完全 结束 的 时 候 进行 ， 其 实 不 然 。 

一 般 来 说 ， 单 元 测试 是 在 每 一 个 程序 单元 编写 完成 以 后 都 要 编写 对 应 的 测试 代码 进行 测 
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试 ， 然 后 编写 下 一 个 代码 单元 并 进行 测试 ， 所 以 编码 工作 和 单元 测试 工作 在 整个 工作 流程 上 基 
本 上 是 同时 执行 的 ， 只 是 在 逻辑 上 与 编码 工作 相 分 离 。 


| 详细 设计 || 单元 测试 | 


图 13-1 软件 开发 V 型 流程 图 
5. 应 该 由 谁 来 进行 单元 测试 
在 协同 程序 开发 中 ， 每 个 人 负责 多 个 程序 单元 的 编写 。 每 一 个 程序 单元 的 功能 应 该 是 负责 


该 单元 编码 工作 的 开发 人 员 最 为 了 解 , 所 以 编写 合适 的 测试 代码 验证 程序 单元 的 功能 完整 性 应 
该 由 每 个 开发 人 员 负 责 。 


13.1.2 TDD 简介 


TDD 的 全 称 是 Test Driven Development， 即 测试 驱动 开发 。 
测试 驱动 开发 是 敏捷 开发 中 的 一 项 核心 实践 和 技术 ， 也 是 一 种 设计 方法 论 。 测 试 驱 动 开发 
的 核心 思想 是 在 编写 程序 功能 代码 (程序 单元 ) 之 前 ， 先 编写 测试 用 例 的 代码 ， 以 便 使 用 测试 用 
例 来 帮助 我 们 规划 程序 功能 代码 设计 的 性 状 。 
或 许 上 面 的 解释 不 容易 理解 ， 我 们 换个 角度 理解 这 个 概念 。 从 该 词组 的 字面 意思 理解 : 测 
试 驱动 开发 ， 这 里 的 “驱动 ”是 一 个 动词 ， 有 “使 …… 动 ”的 意思 ， 所 以 整个 词组 的 意思 就 是 
使 用 测试 推动 开发 进程 。 
之 所 以 从 字面 意思 理解 ， 是 因为 有 些 人 可 能 顺口 将 “测试 驱动 ”作为 一 个 名 词 去 
呈 示 | 读 ， 这 样 将 会 显得 很 抽象 、 很 难 理解 ， 所 以 从 字面 意思 上 解读 更 容易 体现 该 词组 
的 意思 。 


既然 TDD 需要 先 编写 测试 用 例 的 代码 , 再 实现 该 程序 单元 的 功能 代码 , 因此 TDD 的 实现 
基本 上 可 以 包括 以 下 内 容 : 

@ ”构建 程序 单元 的 结构 。 

@ ”编写 单元 测试 的 代码 。 

@ ”实现 程序 单元 的 功能 。 

@ ”测试 并 在 必要 时 重 构 程序 单元 的 代码 。 

下 面 我 们 来 简单 看 一 下 TDD 各 个 内 容 的 操作 。 


怀 全 mm 
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1. 构建 程序 单元 的 结构 


编写 测试 代码 需要 引用 程序 单元 。TDD 的 第 一 步 ， 我 们 需要 编写 一 个 程序 单元 的 结构 ， 
也 就 是 类 和 没有 实现 的 程序 单元 (方法 )， 代 码 如 下 : 

public class Min 
:i 

public int GetMin(int[] arrs) 

{ 

throw new NotImplementedException(); 
} 


这 段 代码 声明 了 一 个 获得 整 型 数组 中 最 小 值 的 程序 单元 结构 ， 不 过 这 里 并 没有 实现 它 。 

2. 编写 单元 测试 的 代码 

有 了 程序 单元 的 结构 ， 我 们 就 可 以 编写 单元 测试 的 代码 来 完善 一 个 单元 测试 项 了 。 在 另 一 
个 单元 测试 类 中 添加 如 下 代码 : 

[TestMethod] 


public void TestMin() 


| 
// 初 始 化 一 个 整 型 数组 
AnE lI arte = lr 20 S45 
// 初 始 化 一 个 求 最 小 整数 的 对 象 
Min min = new Min(); 
// 调 用 GetMin () 方 法 传 入 数组 ， 获 得 最 小 值 


int result = min.GetMin(arrs); 


// 验 证 测试 
Assert.AreEqual (-3, result); 


上 面 代码 初始 化 一 个 整 型 数组 ,然后 创建 一 个 Min 对 象 , 并 调用 GetMin() 方 法 获得 最 小 值 ， 
再 使 用 Assert( 断 言 ) 下 的 AreEqual0 方 法 来 测试 所 求 得 的 结果 与 我 们 设想 的 是 否 一 致 。 Assert 会 
自动 返回 单元 测试 的 结果 。 

3. 实现 程序 单元 的 功能 

从 上 面 的 单元 测试 代码 我 们 可 以 清楚 地 看 到 , 我 们 的 GetMin() 方 法 要 返回 一 个 数组 中 的 最 
小 值 ， 所 以 我 们 可 以 在 GetMin0 方 法 中 编 历 传 入 的 数组 ， 取 出 最 小 值 并 返回 ， 具 体 代码 如 下 : 


public int GetMin(int[] arrs) 
1 


int result = arrs[0]7 
foreach (int i in arrs) 
1 
EE tresul > 7) 
result = i; 
} 
} 


return result; 
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上 面 代 码 遍 历数 组 并 进行 判断 ， 执 行 完 遍历 操作 以 后 result 的 结果 就 是 数组 中 的 最 小 值 ， 
然后 使 用 retum 语句 将 其 返回 。 

4. 测试 并 在 必要 时 重 构 程 序 单元 的 代码 

运行 前 面 创建 的 测试 代码 ， 测 试 顺利 执行 通过 ， 如 图 13-2 所 示 。 


ro TITEEE 


忆 、W 直 已 宝 成 结果 : 1/ 个 通过 ; 选中 的 项 :0 


图 13-2 ”测试 执行 通过 
不 过 ， 假 如 我 们 在 测试 代码 中 传 入 GetMin() 方 法 的 数组 是 一 个 空 数组 或 null， 代 码 如 下 : 


// 初 始 化 一 个 整 型 数组 


int[] arrs = { }7 


这 时 候 程序 肯定 会 报 异 常 ， 如 图 13-3 所 示 。 


图 13-3 ”测试 未 通过 
双击 错误 信息 ， 打 开 测 试 结果 窗口 ， 如 图 13-4 所 示 。 


McTesk.Models,Pin Ge MInt32(] arrs) 了 
TastpropchUnitTast TestHin) LPAe NET MVS 


图 13-4 ”测试 结果 
为 了 提高 程序 的 健壮 性 ， 我 们 修改 GetMin0 方 法 ， 进 行 一 些 数据 合法 性 验证 ， 代 码 如 下 : 


public int GetMin(int[] arrs) 


if (arrs == null || arrs.Length == 0) 


a 
throw new ArgumentException ("集合 不 能 为 空 ! 2 


< 扫 —_ 
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于 


int result = arrs[0]; 
foreach (int i in arrs) 
{ 

if (result > i) 

此 

result = i; 

} 
} 
return result; 


上 面 代码 在 检查 到 传 入 的 数组 为 null 或 长 度 为 0 时， 主动 抛 出 一 个 异常 信息 ,拒绝 执行 下 
面 的 操作 。 

同时 我 们 在 测试 方法 TestMin0 上 面 添 加 一 行 代码 : [ExpectedException(typeof 
(ArgumentException))], 标记 该 次 测试 期 望 得 到 一 个 ArgumentException 类 型 的 异常 。 代 码 如 下 : 


[TestMethod] 
[ExpectedException (typeof (ArgumentException))] 
public void TestMin() 


如 此 一 改 ， 求 整 型 数组 中 最 小 值 的 程序 单元 代码 相对 来 说 就 比较 完善 了 ， 再 使 用 单元 测试 
代码 进行 测试 ， 同 样 可 以 正常 通过 。 


13.2 ”使 用 单元 测试 验证 站 点 路 由 


路 由 选择 是 ASPNET MVC 中 一 个 非常 重要 而 且 必 不 可 少 的 功能 。 路 由 配置 是 整个 应 用 程 
序 的 咽喉 ， 路 由 配置 的 正确 与 否 直接 关系 到 应 用 程序 能 否 正确 运行 。 
适当 地 对 路 由 进行 测试 ， 也 是 整个 程序 开发 过 程 中 不 可 或 缺 的 一 项 任务 。 


KR 
证。 视频 教学 : 光盘 /videos/13/13.2 使 用 单元 测试 验证 站 点 路 由 人 @@ 长 度 : 11 分 名 


13.2.1 基础 知识 


从 表面 上 看 ， 路 由 映射 是 一 组 配置 信息 ， 用 于 配置 URL 到 对 应 Controller 中 相应 Action 
上 的 映射 关系 ,实现 一 组 配置 功能 。 但 是 , 这 组 路 由 配置 信息 是 直接 编辑 到 Global.asax 文件 中 
的 ， 而 Global.asax 文件 是 一 个 C# 类 文件 (在 使 用 C# 语 言 的 ASP.NET MVC 项 目 中 )， 在 程序 发 
布 以 后 会 直接 编译 到 DLL 类 库 中 。 就 像 一 些 静态 数据 项 ， 而 不 是 传统 意义 上 的 配置 信息 。 

不 过 ， 当 考虑 到 路 由 配置 信息 要 将 请 求 映 射 到 一 个 控制 器 类 中 的 某 个 方法 上 时 ， 就 会 意识 
到 将 路 由 配置 信息 当做 代码 来 处 理 也 是 一 个 很 不 错 的 主意 。 毕 竟 路 由 映射 规则 应 该 是 程序 设计 
过 程 中 已 经 确定 了 的 ， 基 本 上 没有 人 会 在 程序 发 布 后 修改 这 些 配 置信 息 ， 所 以 直接 将 其 设置 在 
代码 中 ， 就 直接 避免 了 可 能 出 现 的 意外 而 使 应 用 程序 无 法 运行 的 情况 。 


mm >> 
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测试 路 由 的 一 般 模式 是 将 所 有 的 路 由 添加 到 RouteCollection 的 本 地 实例 中 , 然后 伪造 一 个 
HTTP 请 求 进行 验证 ， 并 根据 从 请 求 中 解析 的 数据 来 判断 请 求 是 否 被 正确 解析 。 

要 伪造 一 个 请 求 ， 可 以 自己 编写 一 个 测试 要 用 到 的 HttpContextBase 类 实例 ， 另 外 还 需要 
一 个 HttpRequestBase 类 实例 。 不 过 ， 这 两 个 类 有 很 多 成 员 ， 所 以 手动 编写 它们 将 会 是 一 件 非 
常 麻烦 的 事情 。 

值得 庆幸 的 是 ， 我 们 可 以 使 用 一 个 名 为 MoQ 的 模拟 框架 ， 动 态 地 伪造 一 个 类 。 


技术 文档 什么 是 MoQ? 


MoQ 读 做 Mock-you 或 者 Mock。 它 是 一 个 可 以 在 .NET 开发 中 使 用 的 模拟 框架 。 

它 可 以 作为 类 型 安全 和 重 构 友 好 的 模拟 库 来 使 用 ， 并 且 支 持 模 拟 接口 和 类 , 而 且 不 需要 先 学 习 任 何其 他 知 
识 ， 也 不 需要 专门 的 经 验 。 

MoQ 框架 大 量 使 用 了 .NET Framework 3.5 中 的 Linq 表达 式 树 和 C# 3.0 的 limbda 表达 式 。 

MoQ 可 以 从 http://code.google.com/p/moq 处 下 载 ， 下 载 以 后 我 们 会 得 到 一 个 名 为 Moq.dll 的 类 库 文件 ， 在 
项 目 中 引用 它 即 可 使 用 MoQ 框架 。 


MoQ 的 使 用 非常 简单 。 首 先 创建 一 个 Mock 类 的 对 象 ， 同 时 指定 要 模拟 的 类 。 格 式 如 下 : 

Var httpContextMock = new Mock<HttpContextBase>(); 

之 后 可 以 使 用 该 对 象 的 Setup 方法 来 得 到 一 个 模拟 项 的 设置 选项 , 然后 就 可 以 调用 ReturmsO 
方法 来 设置 这 个 项 的 值 了 ， 代 码 如 下 : 


httpContextMock.Setup(c => c.Request.AppRelativeCurrentExecutionFilePath) 
.Returns ("~/Prod/Create"); 


最 后 使 用 该 Mock 对 象 的 Object 属性 ， 就 可 以 得 到 模拟 过 后 的 对 象 ， 代 码 如 下 : 


httpContextMock.Object 


13.2.2 ”实例 描述 


ASP.NET MVC 允许 我 们 根据 实际 情况 随意 制定 路 由 规则 。 虽 然 默 认 有 一 个 通用 的 路 由 规 
则 ， 但 是 我 们 经 常会 根据 自己 的 喜好 自 定义 一 些 路 由 规则 。 

例如 在 程序 中 为 了 起 一 个 有 意义 的 名 字 ， 通 常会 将 类 名 写成 全 称 ， 但 是 我 不 喜欢 太 长 的 
URL， 所 以 将 URL 中 的 Controller 进行 简写 ， 只 取 前 4 个 字母 。 例 如 Product， 我 将 其 简写 成 
Prod 。 

定义 完 理论 上 应 该 能 用 了 ， 但 为 了 保险 起 见 ， 这 里 我 使 用 单元 测试 ， 对 其 进行 验证 。 


13.2.3 ”实例 应 用 


【 例 13-1】 使 用 单元 测试 验证 站 点 路 由 。 

(1) 新 建 一 个 空 的 解决 方案 ， 命 名 为 UnitTest。 

(2) 添加 一 个 “ASPNET MVC 2 空 Web 应 用 程序 ”， 命 名 为 MvcTest。 
(3) 添加 一 个 测试 项 目 ， 命 名 为 TestProject。 


< 
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提示 


”如 果 你 创建 的 是 “ASP.NET MVC 2 Web 应 用 程序 ”， 则 会 提示 你 是 否 创 建 测试 项 
目 ， 如 果 你 创建 了 ， 这 一 步 可 以 省 略 。 


(4) 添加 一 个 单元 测试 类 ， 命 名 为 UnitTest。 
(5) 在 TestProject 项 目 中 添加 对 MoQ 框架 的 引用 , 并 在 UnitTest 类 中 添加 对 MoQ 命名 空 
间 的 引用 ， 代 码 如 下 : 


using Moq; 


(6) 在 UnitTest 类 中 添加 一 个 测试 方法 ， 命 名 为 TestRouting。 
(7) 修改 TestRouting0 方 法 ， 添 加 代码 如 下 : 


[TestMethod] 
public void TestRouting() 


// 创 建 一 个 空 的 路 由 集合 
RouteCollection rc = new RouteCollection(); 
// 将 路 由 配置 注册 到 该 路 由 集合 中 


MvcApplication.RegisterRoutes (rc); 


// 创 建 一 个 Mock 对 象 


Var httpContextMock = new Mock<HttpContextBase>(); 


// 设 置 虚拟 请 求 的 相对 路 径 
httpContextMock.Setup(c => Cc.Request.AppRelativeCurrentExecutionFilePath) 
.Returns ("~/Prod/Create"); 


// 获 得 路 由 集合 中 与 模拟 数据 匹配 的 路 由 信息 


RouteData routeData = IC.GetRouteData (httpContextMock.Object); 


// 验 证 是 否 有 匹配 的 路 由 信息 

Assert .IsNotNull (routeData, "没有 匹配 的 路 由 ! "); 

// 验 证 指定 的 URL 对 应 的 Controller 

Assert.AreEqual ("Product", routeData.Values["controller"]); 
// 验 证 指定 的 URL 对 应 的 Action 

Assert.AreEqual ("Create", routeData.Values["action"]); 

// 验 证 指定 的 URL 对 应 的 id 参数 


Assert.AreEqual (UrlParameter .Optional, routeData.Values["id"]); 


上 面 代码 先 获得 所 有 的 路 由 规则 ， 然 后 使 用 Mock 对 象 虚拟 了 一 个 HttpContextBase 对 象 。 
模拟 请 求 ~/Prod/Create 路 径 ， 然 后 使 用 RouteCollection 对 象 的 GetRouteData() 方 法 来 获得 路 由 
信息 ， 最 后 使 用 Assert 下 的 方法 进行 验证 。 

(8) 打开 MveTest 项 目 中 的 Globalasax 文件 ， 添 加 一 条 路 由 配置 信息 ， 代 码 如 下 : 


public static void RegisterRoutes (RouteCollection routes) 


{ 


routes.IgnoreRoute("{resource} .axd/{*pathInfo}"); 


// 参数 默认 值 

routes .MapRoutel( 
"pero 
"Prod/{action}/{id}", 
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new { controller = "Product"，action = "Index", id = 
UrlParameter.Optional } 
); 


// 参数 默认 值 
routes.MapRoutel( 
"Default"，// 路 由 名 称 
"{controller}/{action}/{id}"，// 带 有 参数 的 URL 
new { controller = "Home", action = "Index", id = UrlParameter.Optional } 
多 
} 
这 里 在 默认 的 路 由 规则 前 面 添 加 了 一 条 路 由 规则 , 将 虚拟 路 径 为 Prod/{action}/{id} 的 URL 


映射 到 Product 控制 器 中 的 对 应 Action 上 。 


13.2.4 运行 结果 


在 UnitTest 类 的 代码 视图 中 右 击 ， 然 后 从 弹出 的 快捷 菜单 中 选择 【运行 测试 】 命 令 ， 打 开 
【测试 结果 】 窗 口 。 稍 等 片刻 ， 就 会 执行 成 功 ， 如 图 13-5 所 示 。 


EI [einsrwerancz iets -| 鸭 严 和 网 WE | 了 | 
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2 Tosthoutim 


13-5 ”测试 成 功 


当然 , 想 看 执行 失败 很 简单 。 我 们 修改 测试 代码 中 虚拟 请 求 的 代码 , 修改 成 其 他 请 求 地 址 ， 
例如 ~/Prod1/Create， 主 要 代码 如 下 : 


// 设 置 虚拟 请 求 的 相对 路 径 
httPContextMock.Setup (c => c.Request .APPRelativeCurrentExecutionFilePath) 
.Returns ("~/Prodl/Create"); 


这 样 ， 虚 拟 请 求 将 匹配 Default 路 由 规则 ， 当 然 这 次 请 求 也 就 执行 失败 了 。 再 次 测试 ， 在 
【测试 结果 】 窗 口中 将 显示 一 个 红色 图 标 ， 如 图 13-6 所 示 。 


rejsct Asaert 如 吧 qual 失 央 。 应 为 ”Geetact》， 实际 为 ， Geodlyw 


13-6 ”测试 未 通过 


我 们 看 到 测试 的 Controller 要 求 为 Product， 实 际 却 是 Prod1， 很 显然 使 用 的 是 第 二 个 路 由 
规则 。 


< 舍 一 
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13.2.5 实例 分 析 


Or 


本 实例 使 用 单元 测试 对 路 由 规则 进行 测试 。 

首先 我 们 创建 一 个 空 的 路 由 集合 ， 然 后 使 用 MVC 项 目 中 MvcApplication 类 的 
RegisterRoutes() 方 法 注册 得 到 所 有 的 路 由 规则 , 再 使 用 Mock 类 创建 一 个 执行 虚拟 请 求 的 对 象 ， 
并 设置 其 请 求 的 虚拟 路 径 ， 最 后 得 到 与 虚拟 请 求 匹配 的 路 由 信息 ， 同 时 取出 路 由 的 详细 信息 ， 
再 使 用 Assert 进行 相应 的 验证 。 


13.3 测试 HomeController 的 登录 功能 


在 ASPNET MVC 中 , 控制 器 包含 了 大 量 的 应 用 程序 逻辑 ,而 且 它 直接 控制 着 应 用 程序 的 
响应 。 整 个 应 用 程序 的 用 户 界面 层 的 核心 就 是 控制 器 ,控制 器 健壮 与 否 将 直接 影响 应 用 程序 给 
用 户 的 感受 ， 所 以 对 控制 器 进行 集中 测试 意义 重大 。 


A 
重视 频 教学 : 光盘 /videos/13/13.3 ”测试 HomeController 的 登录 功能 @@ 长 度 ; 10 分钟 


13.3.1 基础 知识 


对 控制 器 做 测试 ， 其 实 就 是 对 控制 器 方法 做 测试 ， 也 就 是 对 Action 进行 测试 。 

在 ASP.NET MVC 中 ， 正 常情 况 下 每 个 Action 都 会 返回 一 个 ActionResult。 我 们 只 要 根据 
每 个 Action 的 返回 值 来 判断 是 不 是 理想 的 结果 即 可 。 

其 实 这 里 的 ActionResult 只 是 一 个 基 类 ， 其 中 并 不 包含 ViewData 之 类 属性 的 声明 ， 实 际 
上 我 们 在 Action 中 使 用 View() 方 法 返回 的 是 一 个 ViewResult 对 象 ， 所 以 我 们 要 在 实现 的 时 候 
进行 确切 的 类 型 转换 。 

在 数据 验证 的 时 候 , 我 们 可 以 判断 返回 值 是 不 是 特定 的 ViewResult 类 型 的 对 象 , 或 者 判断 
ViewResult 中 返回 的 各 个 数据 是 否 正确 ， 例 如 ViewData 中 的 数据 、TempData 中 的 数据 或 者 
ViewName 是 否 正确 。 


一 般 来 说 ，ActionResult 是 一 个 ActionResult 对 和 象 ， 不 过 因为 一 些 特殊 需求 ， 可 能 
注意 返回 的 是 void,，JSON 或 者 其 他 的 对 象 。 这 里 以 ActionResult 为 例 , 讲解 Controller 
测试 。 


虽然 验证 是 一 件 简单 的 事情 ， 但 是 如 何 模拟 一 个 请 求 环 境 却 不 是 一 件 容易 的 事情 。 如 果 使 
用 的 是 一 个 不 需要 请 求 数据 的 Action， 那 么 我 们 可 以 直接 创建 一 个 对 应 Controller 的 实例 ， 并 
将 Action 像 普 通 方法 一 样 使 用 即 可 。 但 是 如 果 这 个 Action 需要 请 求 数据 , 例如 需要 以 Form 方 
式 提交 一 些 数据 ， 那 么 我 们 就 需要 使 用 一 些 特殊 手段 来 模拟 一 些 环境 了 。 


sé >> 
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首先 , 我 们 的 Controller 需要 一 个 上 下 文 ControllerContext 对 象 来 模拟 Controller 运行 的 环 
境 。 我 们 可 以 通过 Controller 对 象 的 ControllerContext 属性 设置 给 它 。 
初始 化 ControllerContext 对 象 ， 需 要 RequestContext 和 Controller 对 象 。 构 造 方法 如 下 : 


ControllerContext (RequestContext requestContext, ControllerBase controller) 


ControllerBase 对 象 就 是 使 用 该 ControllerContext 的 控制 器 对 象 , 而 RequestContext 就 得 自 
己 初始 化 一 个 。 初 始 化 RequestContext 对 象 时 需要 HttpContextBase 和 RouteData 对 象 。 


RouteContext (HttpContextBase httpContext, RouteData routeData) 


RouteData 在 这 里 用 不 到 ， 仅 使 用 无 参 构造 方法 创建 一 个 空 的 对 象 即 可 。 但 是 
HttpContextBase 类 的 对 象 就 需要 虚拟 一 个 。 

因为 HttpContextBase 对 象 里 面包 含 了 许多 从 客户 端 请 求 的 数据 (例如 Form)， 所 以 为 了 方 
便 ， 我 们 需要 使 用 Mock 对 象 来 模拟 一 个 HttpContextBase 对 象 。 当 然 ， 还 要 虚拟 一 个 
HttpRequestBase 对 象 ， 用 来 封装 请 求 数据 。Form 中 的 数据 是 一 个 键 / 值 对 集合 ， 所 以 我 们 可 以 
使 用 NameValueCollection 对 象 来 存放 这 些 数据 。 

Mock 对 象 的 使 用 方法 非常 简单 ， 在 上 一 节 我 们 已 经 使 用 过 它 。 例 如 我 们 要 模拟 一 个 
HttpContextBase 对 象 ， 并 设置 其 Request 属性 的 值 ， 我 们 可 以 使 用 下 面 的 代码 来 完成 。 


Mock<HttpContextBase> hcb = new Mock<HttpContextBase>(); 
hcb .Setup (c => c.Request) .Returns (httpRequestValue); 


上 面 代码 中 的 httpRequestValue 是 一 个 HttpRequestBase 类 型 的 对 象 。 
基本 上 需要 注意 的 也 就 这 么 多 了 ， 下 面 我 们 来 看 一 个 测试 Controller 的 实例 。 


13.3.2 ”实例 描述 


我 们 的 ASP.NET MVC 站 点 中 有 一 个 登录 页 面 ， 可 以 接收 使 用 Form 方式 提交 过 来 的 用 户 
名 和 密码 , 然后 将 用 户 名 和 密码 封装 到 UserInfo 对 象 中 , 作为 强 类 型 的 Model 发 送 到 View 中 ， 
并 且 向 ViewData 中 保存 两 个 字符 串 值 : 一 个 Title 作为 页 面 标题 ,一 个 Message 作为 页 面 输出 
信息 。 最 后 调用 LoginOver 视图 来 处 理 用 户 请 求 。 


13.3.3 ”实例 应 用 


【 例 13-2】 测 试 登录 功能 的 Controller。 
(1) 打开 上 一 节 我 们 使 用 的 项 目 。 
(2) 在 MvcTest 项 目 中 的 Controller 目录 下 添加 一 个 Controller， 命 名 为 HomeController。 
(3) 在 HomeController 中 添加 一 个 Action， 命 名 为 Login。 
(4) 在 Models 目录 中 添加 一 个 类 ， 用 于 封装 用 户 信息 ， 命 名 为 UserInfo。 代 码 如 下 : 


public class UserInfo 

{ 
public string Name { get; set; } 
public string Password { get; set; } 


} 
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(5) 打开 TestProject 项 目下 的 UnitTest 类 ， 添 加 一 个 测试 方法 ， 命 名 为 TestController。 
(6) 修改 TestController 中 的 代码 ， 如 下 所 示 : 


[TestMethod] 

public void TestController() 
// 设 置 用 户 名 和 密码 ， 准 备 向 表单 中 封装 
string username = "zhhh"; 
string password = "123"; 


// 模 拟 一 个 表单 数据 集合 

NameValueCollection form = new NameValueCollection(); 
form["username"] = username; 

form["password"] = password; 


// 模 拟 一 个 请 求 ， 使 用 表单 集合 中 的 数据 
Mock<HttpRequestBase> hrb = new Mock<HttpRequestBase>(); 
hrb.Setup ( => r.Form) .Returns (form); 


// 模 拟 一 个 HTTP 上 下 文 
Mock<HttpContextBase> hcb = new Mock<HttpContextBase> () 
hcb.Setup (c => c.Request) .Returns (hrb.Object); 


// 创 建 一 个 HomeCcontroller 
HomeController home = new HomeController(); 


// 创 建 一 个 controller 上 下 文 对象 
ControllerContext controllerContext = new ControllerContext( 
new RequestContext( 
hcb.object， /* HttpContextBase 对 象 */ 
new RouteData() /* 路 由 信息 ， 本 实例 用 不 到 ， 所 以 建 一 个 空 对 象 */ 
)， 
home /* 所 使 用 的 */ ); 


// 设 置 控制 器 的 上 下 文 


home.ControllerContext = controllerContext; 


// 执 行 Login 动作 

ViewResult vr = home.Login() as ViewResult; 
// 得 到 Model 

UserInfo user = vr.ViewData.Model as UserInfo; 
// 验 证 Login 动作 返回 值 是 否 正确 
Assert.IsNotNull (vr); 

// 验 证 用 户 信息 

Assert.IsNotNull (user); 

// 验 证 用 户 名 

Assert.AreEqual (username, user.Name); 
// 验 证 密码 

Assert.AreEqual (password, user.Password); 
// 验 证 视图 名 称 


Assert.AreEqual ("LoginOver", vr.ViewName); 


// 验 证 ViewData 中 的 Title 键 的 值 
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Assert.AreEqual ("Welcome", vr.ViewData["Title"]); 
// 验 证 ViewData 中 的 Message 键 的 值 


Assert.AreEqual ("Welcome Login",vr.ViewData["Message"]); 
， 


上 面 代码 使 用 NameValueCollection 集合 封装 了 UserName 和 Password 的 值 ,然后 使 用 Mock 
类 分 别 虚拟 了 HttpRequestBase 和 HttpContextBase 对 象 ， 初 始 化 HomeController 对 象 ， 并 初始 
化 其 ControllerContext 属性 ， 最 后 调用 HomeController 对 象 的 Login 方法 ， 得 到 执行 结果 ， 进 
行 用 户 登 录 验 证 。 

(7) 完善 MvcTest 项 目 中 的 HomeController 的 Login 动作 ， 添 加 相应 的 处 理 代码 如 下 : 


public ActionResult Login() 

{ 
// 获 取 Form 请 求 的 字段 
string username = Request.Form["username"]; 
string password = Request.Form["password"]; 


// 封 装 用 户 对 象 
UserInfo user = new UserInfo() 
1 
Name = username, 
Password = password 
ys; 


// 向 视图 传递 信息 
ViewData["Title"] = "Welcome"; 
ViewData["Message"] = "Welcome Login"; 


return View("LoginOver", user); 


} 
完成 所 有 编码 就 可 以 回 到 TestProject 中 进行 测试 了 。 


13.3.4 ”运行 结果 


在 UnitTest 类 下 面 的 TestController( 方 法 中 右 击 ， 然 后 从 弹出 的 快捷 菜单 中 选择 【运行 测 
试 】 命 令 ， 打 开 【 测 试 结果 】 窗 口 。 稍 等 片刻 就 会 执行 成 功 ， 如 图 13-7 所 示 。 


| ainistratorennz 2010-11-30 -|| 轴 运 行 - 陪 汤 二 | 坟 记 "电台 | 


回 。 测 击 E 行 已 完成 结果 ;1/1 个 通过 ; 选中 的 项 : 0 
结果 ”测试 名 称 项 目 说 训 消息。 


同 贺 通过 。 TestController TestProject 


13-7 ”测试 成 功 


< 
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13.3.5 “实例 分 析 


Ce 


本 实例 主要 是 一 个 测试 方法 TestController()。 在 该 方法 中 先 封装 一 个 Form 表单 的 键 / 值 对 
集合 ， 然 后 使 用 Mock 类 虚拟 HttpRequestBase 对 象 并 设置 其 Form 集合 ， 再 使 用 Mock 类 虚 似 
HttpContextBase 对 象 ， 并 将 虚拟 的 HttpRequestBase 对 象 作 为 请 求 对 象 赋 给 它 。 创 建 
HomeController 和 ControllerContext 对 象 ， 用 来 设置 HttpContextBase 对 象 的 ControllerContext 
属性 ， 最 后 调用 HomeController 对 象 的 Login 方法 获得 方法 ， 的 返回 值 ， 并 将 其 转换 成 
ViewResult 类 型 的 对 象 。 最 后 使 用 Assert( 断 言 ) 对 ViewResult 对 象 中 的 数据 进行 验证 。 


13.4 ”常见 问题 解答 


13.4.1 TDD 有 什么 好 处 


TDD 有 什么 好 处 呢 ? 
网 络 课堂 : http://bbs.itzcn.com/thread-3934-1-1.html 


看 到 网 上 有 不 少 人 在 讲 测试 驱动 开发 ， 感 觉 太 费事 了 。 写 一 个 小 功能 可 能 要 写 一 大 堆 测试 
代码 ， 它 到 底 有 什么 好 处 呢 ? 

【解决 办 法 】TDD 的 主旨 是 高 效 ， 可 能 这 个 高 效 并 意味 着 非常 高 的 开发 速度 。 

通常 的 软件 开发 过 程 是 先 写 功能 ， 然 后 再 写 测试 。 甚 至 有 时 候 只 进行 某 些 方面 的 测试 ， 有 
省 事 的 则 略 去 了 某 些 细小 功能 测试 ， 或 者 忘 了 对 这 些 模块 的 测试 。 

TDD 的 思想 是 以 测试 推动 开发 进程 。 在 软件 开发 之 前 ， 每 个 程序 单元 的 功能 都 已 经 确定 
了 。 程 序 员 在 理解 完整 个 程序 需求 以 后 ， 直 接 进 行 开发 ， 有 可 能 因为 种 种 原因 考虑 不 很 周全 ， 
似乎 功能 实现 没有 问题 , 但 其 中 可 能 隐藏 着 非常 可 怕 的 Bug。TDD 促使 开发 人 员 先 根据 程序 单 
元 的 功能 编写 测试 代码 ， 就 像 先 建 一 个 模型 ， 然 后 向 里 面 浇注 合适 功能 的 代码 那样 。 最 后 满足 
所 有 的 测试 验证 了 ， 才 能 正常 通过 测试 ， 这 个 程序 单元 才 算 完成 。 

这 样 消除 了 开发 人 员 主 观 地 对 程序 单元 健壮 性 的 评估 , 客观 地 验证 每 个 程序 单元 的 功能 以 
及 可 能 出 现 的 Bug。 

当然 ， 这 些 操作 都 需要 有 大 量 的 代码 支持 ， 所 以 费事 在 所 难免 ， 但 是 这 点 “费事 ”与 健壮 
性 非常 强 的 代码 相 比 ， 有 些 人 还 是 偏向 于 使 用 TDD。 


13.4.2 都 说 ASP.NET MVC 提高 了 可 测试 性 ， 从 哪里 体现 出 来 


都 说 ASPNET MVC 提高 了 可 测试 性 ， 从 哪里 体现 呢 ? 
网 络 课堂 : http:/Wbbs.itzcn.comythread-3934-1-1.html 
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网 上 很 多 人 在 拿 ASPNET MVC 和 ASPNET WebForm 进行 比较 的 时 候 总 会 说 ASP.NET 

MVC 提高 了 可 测试 性 ， 更 容易 进行 单元 测试 ， 保 证 功能 的 实现 。 从 哪里 体现 呢 ? 
【解决 办 法 】 首 先 要 肯定 一 点 : ASPNET MVC 相对 于 ASPNET WebForm 来 说 确实 在 很 

大 程度 上 提高 了 可 测试 性 。 

具体 原因 如 下 : 

在 ASPNET WebForm 中 能 够 方便 的 测试 的 基本 上 只 有 业务 类 。 想 要 对 Web 窗 体 进 行 测试 ， 
那 是 非常 困难 的 。 

因为 ASPNET WebForm 使 用 了 服务 器 端 控件 和 页 面 状 态 ， 处 理 起 来 相对 来 说 非常 困难 ， 
页 面 的 状态 很 难 进 行 获取 、 分 析 ， 也 很 难 进行 验证 和 测试 。 

而 ASPNET MVC 在 可 测试 性 上 有 很 大 的 进步 ， 因 为 它 将 视图 层 的 各 个 功能 进行 分 开 ， 职 
责 更 加 明确 ， 分 离 起 来 非常 方便 ， 环 境 模拟 也 非常 简单 。 

例如 要 测试 Model(Model 就 是 一 些 类 )， 我 们 只 要 将 其 实例 化 以 后 就 可 以 进行 测试 了 ， 为 
URLRouting 和 Controller 编写 一 些 模拟 数据 也 很 简单 。 

至 于 View, 也 容易 测试 。 不 过 对 View 的 测试 相对 来 说 意义 不 大 , 也 很 少 有 人 大 量 使 用 它 。 


13.5 习 题 


一 、 填 空 是 
(1) 使 用 Mock 对 象 的 属性 可 以 得 到 模拟 过 后 的 实体 对 象 。 
(2) 假设 有 一 个 实体 类 声明 如 下 : 


public class User 


public string Name{ get; set; } 
} 


请 使 用 Mock 对 象 虚拟 一 个 该 类 的 实例 ， 并 设置 该 类 的 Name 属性 的 值 为 “ 张 浩 ”， 补 充 
以 下 代码 实现 该 功能 : 


var zh = new Mock<User> () 7 


zh. (z => z.Name) 
.Returns (" 张 浩 "); 
(3) 利用 HttpContextBase 对 象 的 属性 ， 可 以 设置 HttpRequestBase 对 象 。 
二 、 选 择 题 
(1) 在 ASPNET MVC 中 ， 单 元 测试 的 程序 单元 是 一 个 
A. 命名 空间 B. 类 
CC 遍 法 D. 语句 
(2) 单元 测试 应 该 由 来 完成 。 
A. 开发 人 员 B. 测试 人 员 
C. 架构 师 D. 项 目 经 理 


< 
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(3) 使 用 单元 测试 ， 我 们 主要 是 实现 对 的 测试 。 
A， 程序 架构 B. 程序 功能 
C. 程序 模块 D. 程序 单元 


(4) 在 单元 测试 方法 中 ,使 用 Assert( 断 言 ) 对 数据 信息 进行 验证 。 如 果 要 实现 验证 一 个 字符 
串 对 象 username 的 值 是 否 等 于 User 对 象 的 属性 Name 的 值 ， 那 么 下 面 代码 中 横 线 处 应 该 填写 
的 代码 是 

string username = "orbama"; 

Var user = new User() { Name="orbama™" }; 


A 
B. 
C 


D. 


» Assert.AreEqual (username, user.Name); 


Assert.IsEqual (username, user.Name); 


. Assert.Equals (username, user.Name); 


Assert .AsEqual (username, user.Name); 


三 、 上 机 练习 

上 机 练习 : 测试 产品 添加 动作 。 

在 ASPNETMVC 中 ， 除 了 Model， 使 用 单元 测试 最 多 的 还 是 Controller。 

本 次 练习 ,我们 就 使 用 Visual Studio 内 置 的 测试 项 目 对 公司 内 部 信息 管理 系统 的 产品 管理 
功能 的 添加 产品 动作 进行 单元 测试 。 

添加 产品 动作 的 大 致 功能 如 下 。 

(1) 获得 请 求 中 提交 的 产品 信息 ， 封 装 产 品 对 象 。 

(2) 调用 数据 模型 ， 向 数据 执行 添加 操作 ， 并 获得 响应 结果 。 

(3) 根据 响应 结果 向 ViewData 中 保存 相应 的 提示 信息 ， 例 如 “添加 成 功 ” 或 “添加 失败 ”。 
(4) 在 执行 View() 方 法 返回 值 的 时 候 ， 向 视图 发 送 刚 才 建 立 的 产品 对 象 ， 以 备 在 视图 中 显 
示 出 “*** 产 品 添加 成 功 ” 字 样 。 

在 单元 测试 方法 中 ， 模 拟 向 Controller 提交 一 个 存储 产品 信息 的 Form， 然 后 验证 控制 器 动 
作 执 行 的 结果 中 相应 的 值 。 


MVC 博客 系统 


内 容 摘 要 

博客 的 英文 为 Blog， 它 是 一 种 简单 的 交流 类 型 网 站 。 通 常 由 简短 且 经 常 更 新 的 文章 组 成 ， 
由 个 人 来 管理 ， 不 定期 发 表 新 的 文章 。 

正 因为 博客 沟通 的 简洁 易 用 性 ， 使 它 在 色彩 纷繁 的 Internet 世界 迅速 流行 起 来 ， 并 被 誉 为 
是 继 E-mail、BBS 和 ICQ 之 后 出 现 的 第 4 种 网 络 交流 方式 。 

本 章 将 详细 讲解 创建 博客 系统 的 过 程 ， 从 需求 分 析 入 手 ， 以 系统 功能 设计 为 依据 ， 使 用 
ASPNET MVC 2 技术 来 编写 。 

学 习 目标 

@ 热 悉 ASP.NET MVC 2 项 目 开发 流程 
了 解 博客 系统 所 需 的 各 个 功能 
掌握 如 何 设计 MVC 项 目的 架构 
掌握 Linq To Sql 在 MVC 中 的 使 用 
掌握 文章 模块 的 实现 
掌握 MVC 下 jQuery 的 应 用 
了 解 第 三 方 编辑 器 的 使 用 
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14.1 系统 分 析 


做 任何 事情 ， 准 备 工作 都 是 必需 的 ， 开 发 应 用 系统 更 是 如 此 。 在 开发 博客 系统 之 前 ， 我 们 
要 分 析 该 系统 的 结构 ， 实 现 哪些 功能 ， 并 为 这 些 功 能 分 别 制作 页 面 ， 然 后 考虑 该 系统 需要 用 到 
哪些 数据 表 ， 这 些 数据 表 都 需要 哪些 字段 以 及 存储 什么 数据 。 

本 系统 使 用 的 系统 开发 平台 为 Windows XP, Web 服务 器 为 IIS, 数据 库 服 务 器 为 Microsoft 
SQL Server 2008， 开 发 工具 采用 了 Visual Studio 2010， 技 术 架 构 为 ASP.NET MVC 2。 


14.1.1 需求 分 析 


目前 , Blog 的 内 容 和 用 途 已 经 有 了 很 大 的 变化 , 有 对 其 他 网 站 的 超 链接 和 评论 , 有 关公 司 、 
个 人 、 组 织 机 构 的 新 闻 到 日 记 、 照 片 、 诗 歌 和 散文 ， 甚 至 科幻 小 说 的 发 表 或 转载 等 。 许多 Blog 
记录 着 博 友 的 个 人 所 见 、 所 闻 及 所 想 ， 还 有 一 些 Blog 则 是 一 群 人 基于 某 个 特定 主题 或 共同 利 
益 领 域 的 集体 创作 。 
随 着 Blog 的 快速 发 展 ， 它 的 作用 和 目的 与 最 初 的 浏览 网 页 已 相去 甚 远 。 目 前 网 络 上 数 以 
千 计 的 博 友 发 表 和 张贴 Blog 的 目的 有 很 大 的 差异 。 不 过 ， 由 于 其 沟通 方式 比 电子 邮件 、 讨 论 
群 组 更 简单 和 容易 ，Blog 已 成 为 家 庭 、 公 司 、 部 门 和 团队 之 间 越 来 越 流行 的 沟通 工具 ， 因 此 它 
也 逐渐 被 应 用 在 企业 内 部 网 络 (Intraneb 中 。 
如 果 要 成 为 一 名 博 友 是 一 件 非 常 容 易 的 事 。 只 要 你 愿意 ， 任 何人 都 可 以 在 几 分 钟 之 内 成 为 
一 名 博 友 。 
本 章 的 重点 不 是 讲 如 何 成 为 博 友 ， 而 是 通过 所 学 的 技术 创建 一 个 属于 自己 的 博客 系统 。 以 
上 背景 知识 有 助 于 你 对 博客 系统 的 分 析 。 
根据 前 面 对 博 客 系统 的 介绍 ， 大 概 可 以 设计 出 所 需 的 主要 模块 。 
@ 系统 首页 该 页 面 是 每 个 系统 必 不 可 少 的 ， 在 这 里 提供 了 到 其 他 页 面 的 链接 ,给 用 户 
浏览 各 部 分 信息 提供 便利 。 
@ 文章 模块 ”文章 模块 是 博客 的 核心 ， 包 括 文章 栏目 、 文 章 标题 、 文 章 内 容 、 归 档 和 标 
签 等 。 
@ 用户 模块 ”用 户 模 块 提供 用 户 登 录 、 退 出 以 及 修改 个 人 资料 等 功能 。 
@ 管理 模块 ”完善 、 简 洁 的 管理 界面 ， 使 管理 员 能 够 全 面 掌握 系统 的 状态 ， 并 作出 正确 
的 决策 ， 包 括 对 日 志 的 类 别 、 日 志 内 容 以 及 用 户 资料 维护 等 。 


14.1.2 ”功能 设计 


根据 前 面 的 需求 分 析 ， 可 以 确定 系统 所 需 的 功能 模块 。 通 过 对 各 功能 模块 的 扩展 ， 不 难 拆 
分 出 博客 系统 的 功能 。 我 们 知道 ， 用 户 在 博客 系统 中 的 主要 操作 有 : 通过 各 种 方式 ( 按 日 期 或 
者 标签 排序 ) 找 到 感 兴趣 的 文章 并 阅读 文章 的 内 容 ， 同 时 登录 用 户 还 可 以 发 表 新 文章 ， 或 者 添 
加 新 的 栏目 等 。 
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14-1 为 最 终 博客 系统 的 功能 结构 图 。 
> 文章 列表 
一 一 > 文章 查看 
人 RT 
[| 按 标签 查看 
| 阅读 文章 
ma| 添加 栏目 
博 一 一 > ”栏目 管 理 一 一 a 
客 ma| 删除 栏目 
系 -| 删除 文章 
统 
[一 一 > 文章 管理 ‘> 修改 文章 
添加 文章 
a 用 户 登 录 
一 一 > ”用户 管 理 于 一 一 > 用 户 退 出 
修改 资料 


图 14-1 博客 系统 功能 结构 图 


14.2 ”数据库 设计 


本 系统 采用 的 是 SQL Server 2008 数据 库 。 打 开 该 数据 库 管 理 系统 ， 为 本 博客 系统 创建 一 
个 数据 库 ， 名 称 为 blog， 具 体 创建 过 程 这 里 就 不 再 介绍 了 。 

经 过 上 一 节 的 系统 结构 分 析 , 明确 了 系统 的 功能 需求 , 数据 库 需 求 设计 也 变 得 更 加 清晰 了 。 
在 系统 中 最 主要 的 是 对 文章 信息 的 存储 ， 例 如 文章 的 类 别 、 文 章 名 称 以 及 文章 的 内 容 等 。 

最 终 确定 系统 需要 使 用 5 张 表 完 成 。 我 们 在 blog 数据 库 中 建立 这 些 数据 表 ， 下 面 对 这 些 
表 的 名 称 、 描 述 以 及 包含 字段 进行 说 明 。 


1. cls 表 
cls 表 用 于 保存 博客 中 文章 类 别 信息 ， 例 如 “学 习 笔 记 ”、“ 读 书 感 ” 等 ， 如 表 14-1 所 示 。 


表 14-1 cls 表 


字段 名 数据 类 型 
cid | im 
| nvarchar(50) 
nvarchar(50) 


| 主键 、 栏 目 编号 


< 
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2. news 表 
news 表 用 于 保存 具体 的 文章 信息 ， 像 文章 编号 、 标 题 、 内 容 、 摘 要 和 发 表 时 间 等 ， 如 表 
14-2 所 示 。 
表 14-2 news 表 
字段 名 数据 类 型 是 否 允 许 空 备注 

nid int 否 主键 、 文 章 编号 
title nvarchar(50) 是 文章 标题 
uid int 是 用 户 编号 
cid int 是 栏目 编号 
cont ntext 是 文章 内 容 
summary nvarchar(255) 是 文章 摘要 
tag nvarchar(50) 是 文章 标签 
pic nvarchar(50) 是 图 片 
ndate datetime 是 发 表 时 间 

3. she 表 


she 表 用 于 保存 博客 系统 的 全 局 信息 ， 像 博客 标题 、 关 键 字 、 具 体 描述 、 公 司 名 称 和 备案 
信息 等 ， 如 表 14-3 所 示 。 


表 14-3 she 表 


字段 名 数据 类 型 是 否 允许 空 备 注 
a | ET 


keywords nvarchar(255) 关键 字 
description nvarchar(255) 详细 描述 
sitename nvarchar(50) 网 站 名 称 
company nvarchar(50) 公司 名 称 
tel nvarchar(12) 电话 

Url nvarchar(50) 网 站 地 址 
email nvarchar(50) 邮箱 

qq nvarchar(12) QQ 号码 
beian 备案 信息 


4. tag 表 
tag 表 则 用 于 保存 文章 中 所 出 现 的 标签 (短语 ) 以 及 出 现 次 数 ， 如 表 14-4 所 示 。 
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表 14-4 tag 表 


数据 类 型 是 否 人 允许 空 备 注 
否 | 主键 、 标 签 编号 
| 标签 名 称 


出 现 次 数 


tid int 


name | nvarchar(50) 


5. users 表 


users 表 用 于 保存 博客 系统 上 的 用 户 信息 ， 包 括 用 户 名 称 、 密 码 、 级 别 、 注 册 和 登录 时 间 
等 ， 如 表 14-5 所 示 。 


表 14-5 users 表 


字段 名 数据 类 型 是 否 允 许 空 备 注 
uid int 否 主键 、 用 户 编号 
name nvarchar(50 是 用 户 名 称 
pwd nvarchar(50) 是 用 户 密码 
jib int 是 级 别 
email nvarchar(50) 是 邮箱 
qq nvarchar(12. 是 QQ 号 码 
rdage datetime 是 注册 时 间 
ndate datetime 是 最 后 登录 时 间 


14.3 系统 设计 


前 面 详细 分 析 了 博客 系统 的 功能 模块 和 数据 库 设计 。 从 本 节 开 始 ， 我 们 将 逐步 在 Visual 
Studio 2010 中 编写 代码 来 实现 博客 系统 的 各 个 功能 ， 首 先 从 博客 系统 项 目的 创建 开始 。 


14.3.1 创建 MVC 博客 项 目 


在 本 章 开始 时 就 提 到 , 我 们 要 使 用 ASPNET MVC 2 技术 来 设计 博客 , 而 ASPNET MVC 2 
的 最 佳 开发 工具 是 Visual Studio 2010， 因 此 我 们 也 使 用 它 作为 创建 项 目的 环境 。 

具体 步骤 如 下 。 

(1) 启动 Visual Studio 2010, 新 建 一 个 “ASP.NET MVC 2 空 Web 应 用 程序 ”类 型 的 项 目 ， 
名 称 定义 为 MyMvcBlog。 

(2) 打开 【解决 方案 资源 管理 器 】 窗 口 ， 在 当前 项 目 中 添加 对 如 下 程序 集 的 引用 。 


< 
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System.Configuration 
System.Xml 
System.XmlLinq 
System.Data.Linq 
® System.Web.Entity 
(3) 打开 Web.Config 文件 ， 在 configuration 节点 下 添加 connectioinStrings 子 节点 ， 并 配置 
连接 数据 库 的 字符 串 。 
<ConnectionStrings> 
<add name="blogConnectionstring" connectionstring="Data 
Source=(local);Initial Catalog=blog;Integrated Security=True;User 
Instance=false" 


providerName="System.Data.SsqlClient" /> 
</connectionstrings> 


14.3.2 创建 Helper 


在 MVC 项 目的 根 目录 下 创建 一 个 名 称 为 Helpers 的 子 目 录 。 在 这 个 子 目 录 下 保存 了 我 们 
在 博客 系统 中 所 用 到 辅助 工具 类 ， 主 要 包括 下 面 3 个 。 

@ ImageLinkHelper 类 这 是 一 个 用 于 在 页 面 上 生成 图 片 链接 的 类 ， 是 一 个 静态 类 ， 包 
含 具 有 3 个 重 载 形 式 的 ImageLink0 方 法 ， 引 用 了 System.Web.Mvc 和 System.Web. 
Routing 命名 空间 。 

@ SubmitButtonHelper 类 该 类 也 是 一 个 静态 类 ， 可 以 在 页 面 上 生成 【提交 】 按 钮 ， 包 
含 一 个 SubmitButton() 方 法 ， 需 要 引用 System.Web.Mvc 命名 空间 。 

@ SqlHelper 类 这 是 一 个 数据 库 连接 的 抽象 类 ， 封 装 了 数据 库 访问 的 通用 代码 ， 不 允 
许 被 实例 化 ， 在 应 用 时 直接 调用 即 可 。 

以 上 3 个 类 都 位 于 Helpers 目录 下 ， 因 此 都 具有 相同 的 命名 空间 MyMvcBlog.Helpers。 

@' 这 里 仅 对 这 3 个 Helper 类 的 作用 进行 了 介绍 ， 具 体 实现 代码 读者 可 以 参考 实例 源 
提示 | 代码 。 


14.3.3 创建 母 版 页 


为 了 使 博客 系统 的 页 面 风格 保持 一 致 ， 我 们 创建 了 两 个 母 版 页 来 区 别 前 台 和 后 台 的 风格 ， 
这 两 个 母 版 页 均 位 于 Views 目录 下 。 下 面 介绍 具体 的 创建 过 程 。 

(1) 右 击 Views 目录 ， 选 择 【添加 】 | 【新 建 项 】 命 令 ， 然 后 在 弹出 的 【添加 新 项 】 对 话 
框 中 选择 【MVC 2 视图 母 版 页 】 模 板 ， 并 定义 名 称 为 Main.Master， 如 图 14-2 所 示 。 

(2) 单 直 添加 按钮, 创建 该 母 版 页 , 然后 对 页 面 进行 布局 调整 。 最 终 需 要 包含 TitleContent 
和 MainContent 两 个 模板 ， 其 中 TitleContent 用 于 设置 内 容 页 的 title 标题 ，MainContent 用 来 显 
示 具 体 的 内 容 。 
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图 14-2 创建 MVC 母 版 页 
(3) 下 面 对 Main.Master 母 版 页 中 的 重要 代码 进行 介绍 。 首 先 在 页 面 的 最 底部 添加 如 下 两 
行 语句 ， 引 入 命名 空间 。 


<%@ Import Namespace: 
<%@ Import Namespace= 


(4) 在 head 与 body 之 间 添 加 如 下 代码 : 


<% 


MyMvcBlog.Models" 多 > 
MyMvcBlog.Helpers" $%> 


DataClasseslDataContext db = new DataClasseslDataContext (); 

Var b = db.she.First(); 

Var zuixin = db.news.OrderByDescending(d => d.ndate) .Skip(0).Take (10); 

var lanm = db.cls.OrderByDescending(d => d.cid); 

var tags = db.tag.OrderByDescending(d => d.sum) .Skip(0) .Take (10); 

System.Data.SqlClient.SqlDataReader dr = 
SqlHelper.ExecuteReader (SqlHelper.conn, System.Data.CommandType.Text, 
"select max(ndate),count (ndate) from news group by yearl(ndate),month (ndate) 
order by max(ndate) desc"); 

List<dang> n = new List<dang>(); 

while (dr.Read()) 

{ 


dang dl new dang(); 

dl .name = Convert.ToDateTime (dr [0]).ToSstring("yyyy 年 MM 月 "); 

dl.sum = Convert.ToInt32 (dr[1]); 

dl.id = Convert.ToDateTime (dr [0]) .Year.ToString() + 
Convert.ToDateTime (dr [0]) .Month.ToSstring(); 

n.Add (dl); 


} 
dr.Dispose(); 
%> 


(5) 上 面 这 段 代 码 用 来 从 数据 库 中 读 取 数据 ， 为 后 面 的 显示 作 准 备 。 在 页 面 的 合适 位 置 添 
加 网 站 的 导航 条 ， 这 里 用 到 了 MVC 中 的 HtmlHelper 类 ， 代 码 如 下 : 


<ul> 
<l1i><%=Html .ActionLink ("网 站 首页 "，"index",new{}, new { eclass = 
"n0"})s></1i> 
<li> <%=Html .ActionLink ("文章 归档 "，"archive", new { }, new { @id = 
orl /Li 
<li> <%=Html .ActionLink ("所 有 标签 ", "tag", new { }, new { @id="n2" })%></1i> 
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<li> <%=Html .ActionLink ("内 容 搜索 ",，"search", new { }, new { 8eid = 
"na S/S 
<1i> <%=Html .ActionLink ("内 容 订 阅 ", "rss", new { }, new { @id="n5" })%></1i> 
<li><a href="#"> 留 言 </a></1i> 
</ul> 


(6) 在 右 侧 添加 “文章 栏目 ”模块 ， 用 于 显示 在 博客 系统 中 创建 的 文章 类 别 ， 代 码 如 下 : 
<h2> 文 章 栏目 </h2> 


<ul> 

<%foreach (var d in lanm) 

{ %> 
区 
<%= Html.ActionLink(d.name + "(" + d.news.Count + ")", "index", new 
fd "e+ dacid: 1)%> 

</1i> 

<%} %> 
</ul> 


(7) 添加 “文章 归 类 ”模块 ， 该 模块 将 以 月 为 单位 显示 发 表 文章 的 数量 以 及 月 份 ， 代 码 
如 下 : 
<h2> 文 章 归 类 </h2> 


<ul> 
<%foreach (var d in n) 
{ %> 
<li><%= Html .ActionLink(d.name+" ("+d.sum+")" , "index", 
new{id="d"+d.id})%> 


= 
<%} %> 
</ul> 
(8) 添加 “最 新 文章 ”模块 ， 该 模块 将 显示 最 近 发 表 的 10 篇 文章 ， 代 码 如 下 : 
<h2> 最 新 文章 </h2> 
<ul> 
<%foreach (var d in zuixin) 
> 
<1i><$%= Html.ActionLink(d.title , "show", new{id=d.nid})®%></1i> 
<%} %> 
</ul> 
(9) 再 添加 一 个 “Tag 标签 ”模块 ， 该 模块 会 显示 所 有 文章 中 某 个 标签 (短语 ) 出 现 的 次 数 ， 
代码 如 下 : 
<h2>Tag 标签 </h2> 
<ul> 
<%foreach (var d in tags) 
D> 
用 时 


<$%= Html.ActionLink(d.name+"("+d.sum+")" , "index", 
new{id="t"+d.name})®%></1i> 
< > 
</ul> 


(10) 在 母 版 页 的 最 底部 添加 如 下 代码 来 读 取 后 台 设 置 的 版 权 信息 。 
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<div id="footer"> 
<p> Copyright © 2010 <$%=b -company %>. All Rights Reserved 
<$%=b-beian %><br /> 
&nbsp; Enbsp;<a href="<%=b.url %>" target=" blank"><%=b.sitename 多 > 
版 权 所 有 </a> 
</p> 
</div> 
至 此 ， 关 于 前 台 使 用 的 母 版 页 Main.Master 就 介绍 完了 。 下 面 创建 后 台 使 用 的 母 版 页 ， 名 
称 为 admin.Master， 另 外 需要 注意 在 图 14-2 所 示 的 对 话 框 中 ， 应 选择 【 母 版 页 】 模 板 。 
与 前 台 的 母 版 页 一 样 ， 这 里 创建 了 TitleContent 和 MainContent 两 个 模板 项 ， 其 中 
TitleContent 用 于 设置 内 容 页 的 title 标题 ，MainContent 用 来 显示 具体 的 内 容 。 
admin.Master 母 版 页 在 后 台 管理 系统 中 使 用 , 因此 相 比 前 台 的 母 版 页 在 导航 条 上 有 些 区 别 。 
更 多 的 是 与 管理 有 关 的 链接 ， 这 部 分 代码 如 下 : 


<ul> 
<li><a href="/">[1] 博客 首页 </a></1i> 
<1i><a href="/admin">[2] 后 台 首 页 </a></1i> 
<li><a href="/users/login">[3] 登录 系统 </a></1i> 
<1li><a href="/cls">[4] 栏目 管理 </a></1i> 
<li><a href="/news">[5] 文章 管理 </a></1i> 
<li><a href="/users">[6] 用 户 管理 </a></1i> 
<1i><a href="#">[7] 亲朋 好 友 </a></1i> 
<1i><a href="#">[8] 看 看 微 博 </a></1i> 
<% if (Request.IsAuthenticated) 
US 
<li> <a href="/users/logout"”>[9] 退出 系统 </a></1i> 
<%} %> 
</ul> 


可 以 看 到 ， 如 果 以 非 正 常 模式 请 求 该 页 面 ， 将 不 会 显示 “退出 系统 ”链接 。 


@ $ 普通 母 版 页 与 MVC 母 版 页 的 主要 区 别 就 是 继承 的 类 不 同 。 前 者 继承 自 
注意 System.Web.ULMasterPage 类 ， 后 者 则 继承 自 System.Web.Mvc.ViewMasterPage 类 。 


14.3.4 创建 Linq To Sql 实体 


采用 MVC 架构 之 后 ， 一 个 最 明显 的 区 别 就 是 不 用 像 传统 三 层 架构 那样 编写 繁琐 的 数据 库 
访问 和 DAL 层 。 取 而 代 之 的 是 使 用 Linq To Sql 来 完成 它 的 工作 ， 而 且 还 可 以 省 去 Model 层 的 
编写 ， 简 直 太 激动 人 心 了 。 

下 面 我 们 来 看 看 这 个 神奇 的 Linq To Sql 究竟 如 何 操作 。 

(1) 右 击 Models 目录 ， 选 择 【 添 加 】 | 【新建 项 】 命 令 ， 然 后 在 弹出 的 【添加 新 项 】 对 话 
框 中 选择 【Linq To SQL 类 】 模 板 ， 并 定义 名 称 为 DataClasses1.dbml， 如 图 14-3 所 示 。 

(2) 单 击 【添加 】 按 钮 ， 确 定 创建 并 进入 Linq To Sql 设计 器 。 从 【服务 器 资源 管理 器 】 窗 
格 中 新 建 一 个 到 实例 数据 库 的 链接 ， 然 后 将 其 中 的 表 依 次 拖 动 到 设计 器 内 。 

(3) 在 设计 器 内 右 击 并 选择 【添加 】 | 【关联 】 命 令 ， 打 开 【 关 联 编辑 器 】 对 话 框 。 在 这 
里 设置 将 news 表 的 cid 关联 到 cls 表 的 cid, 以 及 将 news 表 的 uid 关联 到 users 表 的 uid, 图 14-4 
为 编辑 时 的 对 话 框 。 
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14-4 ”编辑 关联 


(4) 单 击 【 确 定 】 按 钮 ， 完 成 编辑 。 此 时 cls 表 、news 表 和 users 表 三 者 之 间 就 有 了 关联 ， 
图 14-5 为 最 终 的 类 结构 图 。 
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14-5 ”Linq To Sql 类 结构 图 


14.4 文章 模块 


经 过 系统 设计 的 几 个 步 又， 系统 的 基本 MVC 框架 就 搭建 完成 了 。 接 下 来 的 工作 就 是 在 这 
个 框架 上 实现 博客 系统 的 功能 ， 这 里 从 文章 模块 开始 ， 因 为 它 是 博客 系统 的 核心 模块 。 主 要 功 
能 有 : 提供 一 个 带 分 页 的 文章 列表 ， 查 看 文章 的 详细 内 容 ， 以 及 按 类 别 、 日 期 或 者 标签 查看 文 


mm >> 


第 14 章 MVC 博客 系统 


章 等 。 
在 开始 文章 模块 的 具体 编码 之 前 ， 我 们 还 需要 创建 一 个 名 称 为 Home 的 Controller。 本 节 
的 所 有 MVC 代码 都 是 基于 该 Controller 的 ， 采 用 的 母 版 页 都 为 Main master。 


14.4.1 查看 文章 列表 


查看 文章 列表 是 我 们 在 运行 博客 系统 之 后 看 到 的 第 一 个 页 面 ， 称 为 首页 。 在 这 里 会 将 所 有 
的 文章 以 每 页 5 篇 的 形式 显示 出 来 。 对 于 每 一 篇 文章 ， 将 会 显示 标题 、 发 表 时 间 、 摘 要 、 标 签 
和 栏目 等 信息 。 

当然 ， 也 可 以 通过 单 击 文章 的 标题 查看 详细 内 容 。 

默认 首页 实际 请 求 的 是 HomeController 的 Index0 方 法 。 创建 该 方法 并 添加 实现 代码 , 部 分 
如 下 : 


DataClasseslDataContext db = new DataClasseslDataContext (); 
public ActionResult Index(string id) 
号 
IQueryable<news> n = db.news.OrderByDescending(d => d.ndate); 
if (id.Contains (" 七 ") ) 
{ 
n= from d in db.news 
where (d.tag + "”") .Contains (id.Substring(1) + "") 
orderby d.ndate descending 
select d7 


else if (id.Contains ("c") ) 


n= from d in db.news 
where d.cid == Convert .ToInt32 (id.Substring (1)) 
orderby d.ndate descending 
Select dy 
} 
else if (id.Contains("d")) 
{ 
var s = id.Substring(1) .Split('—'); 
n= from d in db.news 
where Convert .ToDateTime (d.ndate) .Month.ToString() == s[1] 
&& Convert .ToDateTime (d.ndate) .Year.ToString() == s[0] 
orderby d.ndate descending 
select qd; 
1 
if (Request["page"] != null) 
| 
ViewData["page"] = SqlHelper.Pager (Request.RawUTr1.Substring(0， 
Request .RawUrl .IndexOf ("?2")), Convert.ToInt32 (Request["page"]), n.Ccount (), 5, 
3); 
n= n.Skip((Convert.ToInt32 (Request["page"]) - 1) * 5) .Take (5); 
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} 
else 
4 
ViewData["page"] = SqlHelper.Pager (Request.RawUrl, 1, n.Count (), 


n= n.Skip(0).Take (5); 
} 
return View(n); 


} 


与 上 述 代码 相对 应 ， 我 们 还 需要 创建 一 个 名 为 Index.aspx 的 视图 文件 。 在 这 里 利用 获取 的 
数据 源 集合 来 定义 显示 的 布局 ， 最 终 代码 如 下 : 


< 
foreach (var d in Model) 
{ %> 
<div class="post"> 
<hl class="title"> 
<%=Html .ActionLink(d.title, "show", new { id = d.nid })%></hl> 
<p class="meta"> 
<a href="#"> 
<%=d.users.name %></a> 于 
<%=d.ndate %> 发 表 </p> 
<div class="entry"> 
<br > 
<%=d.summary 各 > 
<DE /> 
<%=Html .ActionLink ("详细 ...", "show", new { id=d.nid }, new { eclass 
= "xiangxi" })%> 


<p> 
标签 : 
< 多 
if (d.tag != null) 
{ 
Var ss = d.tag.Split(' '); 
foreach (var s in ss) 
! 
名 > 
<%=Html .ActionLink(s,"index",new{id="t"+s} )%> 
<%} 


}%> 
&nbsp; gnbsp; 栏 目 : 


<%=Html .ActionLink(d.cls.name, "index",new{id="c"+d.cid}) %></p> 
</div> 
</div> 
<%} $> 
<div class="page"> 
<%=ViewData["page"] %> 


</div> 
如 果 文 章 数量 小 于 5 篇 ， 那 么 保存 在 ViewData["page"] 中 的 分 页 导航 将 不 会 显示 。 图 14-6 
为 运行 后 的 查看 效果 。 
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14-6 ”查看 文章 列表 


14.4.2 ”查看 文章 详情 


查看 文章 详情 是 博客 系统 中 最 重要 的 模块 之 一 , 作为 博客 系统 为 最 终 用 户 提供 浏览 文章 内 
容 的 功能 是 必 不 可 少 的 。 

阅读 博客 中 文章 的 内 容 才 是 浏览 者 登录 博客 网 站 的 主要 目的 ,而 非 仅仅 只 查看 文章 的 标题 
和 摘要 。 在 图 14-6 中 单 击 文章 标题 或 者 “详细 ”链接 就 会 进入 文章 的 阅读 页 面 。 

在 HomeController 中 添加 名 为 Show 的 Action， 它 带 有 一 个 int 类 型 参数 来 表示 要 查看 的 
文章 编号 。 具 体 实现 代码 如 下 : 


public ActionResult Show(int id) 
{ 
Var nl = db.news.Where(d => d.nid == id); 
if (nl.Count() > 0) 
return Viewl(nl.First()); 
return View(); 


} 


为 Show 添加 视图 文件 Show.aspx， 在 这 里 制作 显示 的 布局 ， 包 括 文章 的 标题 、 文 章 作者 、 
发 表 时 间 、 文 章 正文 内 容 、 使 用 的 标签 以 及 所 属 栏目 等 。 
最 终 布局 可 以 参考 如 下 代码 : 


<div class="post"> 
<hl class="title"> 
<%=Htm]l .ActionLink (Model .title,"show",new{id=Model .nid}) %></hl> 
<p class="meta"> 
<a href="#"> 
<%=Model .users.name%></a> 于 <%=Model .ndate%> 发 表 </p> 
<div class="entry"> 


<Br /> 
<%=Model .cont$%> 
<br /> 
<p> 
标签 : 
< 外 
if (Model.tag != null) 


全 
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Var ss = Model.tag.Split(" '); 
foreach (var s in ss) 
{ 
> 
<%=Html .ActionLink(s,"index",new{id="t"+s} )$%> 
<%} 
}%> 
&nbsp; gnbsp; 栏目 : <%=Html .ActionLink (Model.cls.name, 
tid= "ea" + Model cid ></p> 
</div> 
</div> 
<p> 
<%: Html.ActionLink ("返回 博客 首页 "，"Index") %> 
</p> 


"index", new 


上 述 代 码 中 的 数据 来 自 MyMvcBlog.Models.news 模型 类 ， 在 视图 文件 中 使 用 Model 关键 
字 来 引用 该 类 。 
在 显示 文章 标签 时 ， 使 用 foreach 语句 遍历 tag 中 的 值 ， 并 通过 Html.ActionLink 组 件 产 生 


一 个 动作 链接 。 最 后 一 行 显示 了 一 个 返回 博客 系统 首页 的 链接 ， 整 个 页 面 运行 效果 如 图 14-7 
所 示 。 


站 
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图 14-7 ”查看 文章 详情 
14.4.3” 按 归档 查看 


最 初 的 博客 系统 是 以 流水 形式 的 日 志 出 现 ， 按 归档 查看 功能 提供 了 以 月 为 单位 的 日 志 汇 
总 。 它 会 显示 一 个 列表 ， 清 晰 地 列 出 某 月 中 发 表 了 多 少 篇 日 志 。 
在 HomeController 中 添加 名 为 Archive 的 Action， 具 体 实现 代码 如 下 : 


public ActionResult Archive() 
{ 


List<dang> n = new List<dang>(); // 创 建 一 个 保存 数据 的 集合 
SqlDataReader dr = SqlHelper.ExecuteReader (SqlHelper.conn, 
System.Data.CommandType.Text, "select max (ndate),count (ndate) from news group 
by year(ndate),month (ndate) order by max(ndate) desc"); 
while (dr.Read()) 
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dang dl new dang(); 

dl.name Convert.ToDateTime (dr [0]) .Tostring ("yyyy 年 MM 月 "); 

dl.sum = Convert.ToInt32 (dr[1]); 

dl.id = Convert.ToDateTime (dr[0]) .Year.ToString() + "-"+ 
Convert.ToDateTime (dr [0]) .Month.ToString(); 

n.Add(dl); 


} 
return View(n); 


} 


为 Archive 添加 视图 文件 Archive.aspx， 在 这 里 制作 显示 的 布局 ， 包 括 添 加 一 个 ul 列表 ， 
显示 文章 发 表 的 月 份 以 及 数量 等 。 
最 终 布局 可 以 参考 如 下 代码 : 


<div class="post"> 
<hl class="title"> 所 有 文章 归档 </h1> 
<div class="entry"> 
<ul> 
<% var n = Model; 
foreach (var d in n) 
{ %> 
<1i> 
<%= Html .ActionLink(d.name + "(" + d.sum + ")", "index", new { id 
a n> 
A 
<%} %></ul> 


<%: Html.ActionLink ("返回 博客 首页 "，"Index") %> 
</p> 
</div> 


在 上 述 代 码 中 ，Model 是 保存 了 页 面 所 需 的 数据 ， 将 它 赋予 变量 n， 然 后 利用 foreach 语句 
遍历 n， 输 出 一 个 带动 作 的 链接 。 整 个 页 面 运行 效果 如 图 14-8 所 示 。 


图 14-8” 按 归档 查看 


14.4.4” 按 标签 查看 


按 标签 查看 与 按 归 档 查 看 的 实现 方法 类 似 ,这 里 新 建 一 个 名 为 Tag 的 Action， 用 于 获取 标 
签 信息 并 按 降 序 排列 。 
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具体 实现 代码 如 下 : 


public ActionResult Tag() 
{ 
var t = from d in db.tag 
orderby d.sum descending 
select d; 
return View(t); 
3 


可 以 看 到 ， 由 于 使 用 了 Linq To SQL 技术 ， 整 个 Model 变 得 很 简单 ， 仅 用 一 行 语句 即 可 完 
成 数据 库 查 询 功能 ， 对 应 的 数据 表 为 tag。 

创建 视图 文件 Tag.aspx。 根 据 上 节 介 绍 的 方法 遍历 Model， 并 依次 获取 标签 名 称 、 标 签 出 
现 的 次 数 ， 最 终 页 面 运行 效果 如 图 14-9 所 示 。 


图 14-9” 按 标签 查看 
至 此 ， 博 客 系统 的 前 台 就 全 部 制作 完成 了 。 


14.5 ”用户 管理 模块 


从 本 节 开始 ， 我 们 将 介绍 如 何 实现 用 户 管理 模块 。 在 用 户 管理 模块 中 ， 浏览 者 将 成 为 博客 
的 主体 ， 可 以 对 博客 里 的 文章 进行 管理 ， 像 修改 一 篇 文章 或 者 添加 一 个 栏目 等 。 
用 户 管理 模块 使 用 admin.Master 作为 母 版 页 ，Controller 名 称 为 Users。 


14.5.1 用 户 登 录 


为 了 区 分 普通 浏览 者 与 系统 用 户 的 特殊 身份 ， 在 系统 中 设置 了 登录 入 口 ， 只 有 从 登录 入 口 
成 功 登录 后 才能 执行 管理 操作 。 

在 UsersController 中 新 建 一 个 名 为 login 的 Action， 并 返回 默认 视图 。 在 login.aspx 下 制作 
用 户 登 录 的 表单 ， 代 码 如 下 所 示 : 


<fieldset> 
<legend> 用 户 登 录 </legend> 
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<$using (Html .BeginForm()) 
{ $> 
<p> <br /> 
用 户 名 : <input type="text" name="name" style="width: 120px" /><br /> 
密 gnbsp; gnbsp; &nbsp; 码 : <input type="password" name="pwd" style="width: 
I 
<input type="submit" value=" 登 录 " /> <br /> 
</p> 
<%} %> 
</fieldset> 


如 上 述 代码 所 示 ，BeginForm() 方 法 将 创建 一 个 以 POST 方式 提交 的 表单 。 提 交 的 地 址 为 本 
页 面 ， 即 users/login。 
接 下 来 创建 login0 方 法 ， 该 方法 接收 POST 过 来 的 表单 数据 并 验证 是 否 正确 。 
[AcceptVerbs (HttpVerbs .Post)] // 仅 在 PosT 方式 时 有 效 
public ActionResult login(string name, string pwd) 


{ 


var d2 = from d in db.users 


where d.name == name && 
d.pwd == SqlHelper.md5 (pwd) 
select d; // 执 行 查询 
if (d2.count() > 0) // 如 果 有 记录 
{ 
FormsAuthentication.SetAuthCookie (name，true);  // 保 存 当前 用 户 信 息 
return RedirectToAction ("index", "admin"); // 跳 转 到 
admin/index 


} 
return View(); 


} 


这 里 的 [AcceptVerbs(HttpVerbs.Post)] 属 性 使 login0 方 法 仅 在 POST 方式 提交 时 才 有 效 ， 其 
中 包含 的 name 参数 为 用 户 名 ，pwd 参数 为 密码 。 在 执行 查询 时 ， 如 果 包 含 记录 ， 则 Count0>0 
条 件 成 立 ， 此 时 保存 当前 用 户 信息 并 跳 转 到 管理 首页 。 

图 14-10 为 用 户 登 录 的 页 面 效果 。 
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14-10 ”用 户 登录 页 面 
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14.5.2 ”用户 退出 


对 于 一 个 系统 而 言 ， 除 了 要 有 快捷 的 操作 方式 、 稳 定 的 性 能 和 美观 的 界面 外 ， 安 全 因素 也 
是 必 不 可 少 的 。 在 本 实例 中 用 户 使 用 过 系统 后 ， 需 要 安全 退出 系统 ， 防 止 别人 对 系统 的 破坏 。 
下 面 介绍 的 退出 代码 虽然 简单 ， 却 是 任何 系统 中 不 可 缺少 的 部 分 。 


public ActionResult logout (string name string pwd) 


{ 
FormsAuthentication.SignOout (); 
return RedirectToAction("index", "home"); 


》 在 本 系统 中 ， 只 有 当 用 户 成 功 登录 之 后 ， 才 可 以 在 管理 菜单 中 看 到 退出 链接 ， 这 
提示 | ”是 靠 RequestIsAuthenticated 的 值 来 实现 的 。 


14.5.3 ”修改 资料 


此 功能 提供 了 当 用 户 登 录 后 , 可 对 最 初 的 信息 进行 修改 ,在 这 里 首先 会 显示 一 个 用 户 列表 ， 
通过 单 击 “ 编 辑 ” 链 接 ， 可 以 指定 要 修改 的 用 户 。 
在 UserController 中 新 建 一 个 名 为 Index 的 Action 并 追加 [Authorize] 属 性 ， 代 码 如 下 : 
[Authorize] 
public ActionResult Index() 
{ 
Var u = db.users; 
return View(u) 7 
} 
在 上 述 代码 中 , u 变量 是 Linq To Sql 中 DataClasses1DataContext() 类 的 实例 。 调 用 users 属 
性 可 获取 users 数据 表 中 的 所 有 数据 ， 将 它 传递 到 视图 中 。 
创建 Index 对 应 的 视图 文件 Index.aspx， 在 这 里 除了 以 表格 方式 罗列 用 户 之 外 ， 还 提供 了 
一 个 新 建 用 户 的 链接 。 这 部 分 代码 如 下 : 


<p> 

<%= Html .ActionLink ("新 建 一 位 用 户 "，"Create") %> 
</p> 
<fieldset> 


<legend> 用 户 管理 </legend> 
<table style="width: 100%"> 
< 
<th> 编 号 </th> 
<th> 名 称 </th> 
<th> 级 别 </th> 
<th>E-mail</th> 
<th>QQ</th> 
<th> 注 册 时 间 </th> 
<th></th> 
去 /七 工大 
<% foreach (var item in Model) 
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MS 
E> 
<td><%= Html .Encode (item.uid) %> </td> 
<td><%= Html .Encode (item.name) %></td> 
<td><%= Html .Encode (item.jib) %> </td> 
<td><%= Html .Encode (item.email) %></td> 
<td><%= Html.Encode (item.qq) %> </td> 
<td><%= Html .Encode (String.Format ("{0:g}", item.rdage)) %> </td> 
<td> 
<%= Html .ActionLink ("编辑 ",， "Edit", new { id=item.uid }) %> | 
<$%= Html .ActionLink ("删除 ",，"delete", new { id=item.uid })%> 
</td> 
</tr> 
<% } %> 
</table> 
</fieldset> 


现在 运行 系统 ， 先 登录 系统 再 单 击 “ 用 户 管理 ”链接 来 查看 用 户 列表 ， 如 图 14-11 所 示 。 


图 14-11 查看 用 户 列表 


把 鼠标 移 到 列表 的 “编辑 ”链接 上 ， 会 在 地 址 栏 中 看 到 请 求 的 类 似 users/Edit/1 这 样 的 地 
址 。 这 里 的 数字 表示 当前 用 户 的 编号 ，Edit 说 明 要 执行 编辑 动作 。 

在 UserController 中 新 建 一 个 名 为 Edit 的 Actionp， 用 于 处 理 “ 编 辑 ” 被 单 击 之 后 的 业务 逻 
辑 ， 代 码 如 下 : 


[Authorize] 

public ActionResult Edit(int id) 

{ 
var u = db.users.First(d => d.uid == id); 
ViewDatal["jib"] = new SelectList(get jib(), “value", "key", u.jib); 
return View(u); 


} 


在 这 里 get_jib0 是 一 个 自 定义 方法 ， 它 的 作用 是 返回 一 个 能 够 在 HTML 下 拉 列 表 中 显示 的 
数据 源 。 这 个 数据 源 其 实 是 一 个 “ 键 / 值 ”对 的 字典 ， 保 存 了 用 户 的 等 级 信息 ， 代 码 如 下 : 


private Dictionary<string, int> get jib() 
Dictionary<string, int> n = new Dictionary<string, int>(); 
n.Aqq ("管理 员 "，0); 
n.Add ("vip 会员 "，1); 
n.Add ("普通 会 员 "，2); 


return n; 


< 


Mc Web 开发 学 习 实录 


接 下 来 看 看 修改 用 户 资料 页 面 的 布局 代码 ， 将 下 面 的 代码 添加 到 Users/Edit.aspx 文件 中 。 


<div> 
<%: Html .ActionLink ("返回 查看 所 有 列表 "，"Index") %> 
</div> 
<%= Html .ValidationSummary ("Edit was unsuccessful. Please correct the errors 
and try again.") $%> 
<% using (Html .BeginForm()) 
{%> 
<%: Html.ValidationSsummary (true) $%> 
<fieldset id="admin list"> 


<legend> 编 辑 </legend> 
<p> 
<%= Html.Hidden ("uid") %> 
</p> 
<p> 


<label for="name"> 
姓名 :</1label> 
<%= Html.TextBox("name") $%> 
<%= Html .ValidationMessage ("name", "*") $%> 
</p> 
<p> 
<label for="pwd"> 
密码 :</1label> 
<%= Html .Password("pwd") 多 > 
<$%= Html .ValidationMessage ("pwd", "*") $%> 
</p> 
<p> 
<label for="jib"> 
级 别 :</1abel> 
<$%= Html .DropDownList ("jib") 多 > 
<%= Html .ValidationMessage ("jib", "*") %> 
</p> 
<p> 
<label for="email"> 
E-mail:</label> 
<%= Html .TextBox ("email") %> 
<%= Html .ValidationMessage ("email", "*") $%> 
</p> 
<p> 
<label for="qq"> 
QQ:</label> 
<$%= Html.TextBox("qq") $> 
<$%= Html .ValidationMessage ("gq", "*") 多 > 
</p> 
<p> 
<input type="submit" value=" 修 改 " /> 
</p> 
</fieldset> 
<% } $> 


从 上 述 代码 可 以 看 到 , 对 于 这 样 的 表单 在 本 节 前 面 就 曾 使 用 过 。 因 此 这 里 不 作 过 多 的 介绍 ， 
但 是 要 注意 数据 获取 的 方式 。 
最 后 , 创建 一 个 同名 的 Action 来 接收 POST 提交 的 数据 ,使 修改 后 的 资料 生效 。 具 体 实现 
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Dg 
代码 如 下 : 

[Authorize] 
[AcceptVerbs (HttpVerbs.Post)] 
public ActionResult Edit (int id, users u) 
{ 

try 

{ 

var ul = db.users.First(d => d.uid == id); 


string pwd = ul.pwd; 
UpdateModel (ul, new[] { "name", "pwd", "email", "qq"” }); 
if (u.pwd.Length > 0) 
ul.pwd = SqlHelper.md5 (u.pwd); 
else 
ul.pwd = pwd; 
db.submitChanges (); 
return RedirectToAction("Index"); 
} 
catch 
{ 
return View(); 
} 
} 


再 次 运行 系统 ， 通 过 用 户 列 表 中 的 “编辑 ”链接 进入 编辑 用 户 资料 页 面 ， 效 果 如 图 14-12 
所 示 。 编 辑 完成 后 ， 单 击 【 修 改 】 按 钮 保存 并 跳 转 到 index 页 面 。 


14-12 ”编辑 用 户 资料 


在 用 户 列表 中 还 可 以 看 到 “删除 ”链接 ， 单 击 它 之 后 将 执行 Delete 动作 ， 并 传递 一 个 整 型 
参数 。 该 参数 用 来 标识 要 删除 用 户 的 编号 ， 具 体 实 现代 码 如 下 : 


[Authorize] 

[AcceptVerbs (HttpVerbs.Delete)] 

public ActionResult Delete (int id) 

{ 
var u = db.users.First(d => d.uid == id); 
db.users.DeleteOnsubmit (u); 
db.submitChanges (); 
return RedirectToAction("index"); 

| 


@ $ 编辑 操作 的 Edit 动作 使 用 的 是 HttpVerbs.Post, 而 在 删除 的 Delete 动作 中 使 用 的 是 
注意 HttpVerbs.Delete。 


< 
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14.6 后台 管理 模块 


后 台 管理 主要 体现 在 栏目 和 文章 两 个 方面 ， 另 外 还 有 一 个 跟 全 局 有 关 的 配置 信息 。 后 台 管 
理 模块 采用 了 admin.Master 作为 母 版 页 ， 下 面 介 绍 具体 的 实现 过 程 。 


14.6.1 ”栏目 管理 


所 谓 栏目 管理 ， 就 是 为 文章 定义 一 些 类 别 ， 然 后 在 添加 文章 的 时 候 进行 选择 ， 这 些 数据 保 
存在 cls 表 中 。 

在 项 目 中 新 建 clsController， 并 添加 默认 的 Index 动作 和 视图 文件 , 然后 在 Index.aspx 中 制 
作 栏 目 管理 的 布局 ， 代 码 如 下 : 


<h2> 栏 目 管理 </h2> 
<Ffieldset> 
<legend> 栏 目 管理 </legend> 
<p><a href="#" onclick="add(0)"> 添 加 一 级 栏目 </a> 
</p> 
<table style="width: 95%" id="tb"> 
</table> 
<div id="add" style="display: none"> 
栏目 名 称 : snbsp; <input type="text" id="adSstr" name="adstr" 
style="width: 100px;" />g&nbsp; 
<input type="button" onclick="add sub()" value=" 添 加 ” /> 
</div> 
<div id="edit" style="display: none"> 
栏目 名 称 : gnbsp; <input type="text" name="itSstr" id="itstr" 
style="width: 100px;" />g&nbsp; 
<input type="button" onclick="edit sub ()" value=" 修 改 " /> 
</div> 
</fieldset> 


由 于 这 里 采用 了 Ajax 无 刷新 技术 ， 页 面 无 须 执行 跳 转 ， 因 此 只 用 一 个 文件 即 可 实现 管理 
功能 。 下 面 添加 一 些 jQuery 代码 ， 使 页 面 加 载 完 成 后 显示 栏目 列表 ， 实 现代 码 如 下 : 


<script type="text/javascript"> 
$ (document) .ready (function () { 
et 
]) 
unction TisE(ty { 
var str = "<tr><th style=\"width:50px\"> 编 号 </th><th> 栏 目 名 称 </th><th 
style=\"width:100px\"> 操 作 </th></tr>"; 
$.getJSON("/cls/list", 
function (data) { 
$.each(data, function (i, d) { 
str+= "<tr><td>" +d.cid+ "</td><td>" + d.name + "</td><td><a 
href=# onclick=\"add(" + d.cid + ")\"> 添 加 </a>&gnbsp;<a href=# onclick=\"edit (" 
+ d.cid+ ") \"> 修 改 </a>gnbsp; snbsp; <a href=# onclick=\"dele(" + d.cid + ")\"> 
删除 </a>gnbsp; </td></tr>"; 
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Ds; 
F(t" html("")s 
$("#tb") .append (str); 
0 
| 


</script> 


如 上 述 代 码 所 示 ，list0 函 数 负责 以 JSON 形式 将 结果 以 表格 形式 显示 出 来 ， 它 请 求 的 是 
/cls/list 动作 。 


为 clsController 添加 list 动作 并 编写 如 下 代码 : 


[Authorize] 

public JsonResult list() 

{ 
Response.Cache.SetCacheability(HttpCacheability.NoCache); 
var dl = db.cls.OrderBy(d => d.demo); 

List<cls> d2 = new List<cls>(); 
foreach (var d in dl) 
cls d3 = new cls(); 
d3-.cid = dcids 
tr KK = 
for (var i = 0; i < d.demo.Length / 2 - 1; i++) 


d3.name = k + d.name; 
d2.Add(d3); 
} 


JsonResult js = Json(d2, JsonRequestBehavior.AllowGet); 
return js; 


} 


我 们 知道 ， 在 栏目 管理 中 需要 实现 添加 、 修 改 和 删除 栏目 操作 。 这 一 步 ， 我 们 来 添加 执行 
这 些 操作 所 需 的 客户 端 jQuery 代码 ， 主 要 代码 如 下 : 


var id = 0; 
function add(idl) { 
id = idl7 
dialog(" 添 加 栏目 "，"id:add"，"250px"，"auto"， "text"); 
} 
function edit(idl) { 
id = idl; 
dialog ("修改 栏目 "， "Td=edif", "250pa", "auto" "Cert")s 
function add sub() { 
var addstr = $("[name='adstr']") .eq(1) .val (); 
$.post("/cls/Create", { cid: id, name: addstr }, 
function (data) { 
1ist()? 
Ds; 
} 
function edit sub() { 
Var editstr = $(" [name='itStr']") .eq(1) .val (); 
Spost("/els/edit" ft cids idr name: editSser $y 


< 
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function (data) { 
list()s> 
Ds; 
} 
function dele(d1l) { 
$.post("/cls/delete", { cid: dl }, 
function (data) { 
list(); 
]) 7 
时 
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图 14-13 添加 栏目 


在 文本 框 中 输入 一 个 新 名 称 ,再 单 击 【 添 加 】 按钮 。【 添 加 】 按钮 执行 的 是 add_sub0) 函 数 ， 
该 函数 将 新 栏目 名 称 发 送 到 cls/create 动作 。 该 动作 的 实现 代码 如 下 : 


[Authorize] 
public ContentResult Create (int cid, string name) 
{ 
CLs CY new cls(); 
claeikd Sqlieiper get ID( "cla "cid”)y 
cl.name = Server.UrlDecode (name); 
var f = from d in db.cls 
where d.cid == cid 
Select dy 
Tlf COE > 0 
{ 


cls £1 = £f.F1irst(l)s 
cl.demo = fl.demo + cl.cid + "|"; 
} 
SLS 
{ 
try 
Var f2 = (from d in db.cls 
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where d.demo.Length == 2 
orderby d.demo descending 
select d) .First(); 
cl.demo = (Convert.ToInt32(f2.demo.Substring(0, 1)) + 
3) ToString(y FF 
catch 
, 
cl.demo = "11"7 
} 
} 
db.cls.Insertonsubmit (c1); 
db.SubmitChanges () 7 
return Content (name) 7 


} 
Create 动作 将 数据 写 入 cls 表 之 后 ， 重 新 调用 list0 函 数 来 读 取 并 加 载 最 新 的 栏目 列表 。 此 
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图 14-14 ”查看 所 有 栏目 


14.6.2 文章 管理 
文章 管理 使 用 的 是 NewsController, 在 默认 的 Index 动作 中 会 显示 所 有 的 文章 , 并 提供 “ 修 


14-15 ”查看 所 有 文章 
下 面 介绍 文章 管理 功能 的 具体 实现 过 程 。 
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1. 文章 列表 


在 NewsController 中 添加 Index 动作 ， 然 后 添加 如 下 的 代码 ， 实 现 从 News 表 中 获取 相关 
数据 并 传递 到 Index.aspx 视图 页 面 。 


[Authorizel] 
public ActionResult Index(string drop, string page) 
{ 
var d2 = droplist(); 
ViewData["drop"] = new SelectList(d2, "cid", "name"); 
var n = from d in db.news 
select d7 
if (drop != null) 
4 
n= fromd inn 
where d.cid == Convert.ToInt32 (drop) 
select ds 
n = n.OrderByDescending(d => d.ndate); 
int size = 10; 
if (page != null) 
4 
ViewData["page"] = SqlHelper.Pager (Request.RawUrl.Substring(0, 
Request.RawUrl.IndexOf ("?")), Convert.ToInt32(page), n.Ccount(), size, 3); 
n= n.Skip( (Convert.ToInt32 (Request["page"]) - 1) * 
size) .Take (size); 
} 
else 
{ 
ViewData["page"] = SqlHelper.Pager (Request .RawUrl, 1, n.Count (), 
S14zer 3)s 
n= n.Skip((1 - 1) * size).Take (size); 
} 
return View(n); 


} 


上 述 代 码 使 用 了 Linq 的 分 页 机 制 , 每 页 显示 10 条 记录 。 其 中 的 droplist0 是 一 个 泛 型 集合 ， 
它 的 数据 可 以 由 我 们 自己 定义 ， 用 于 以 下 拉 列 表 框 的 形式 显示 所 有 栏目 名 称 。 
以 下 是 droplist0 方 法 的 实现 代码 : 


private List<cls> droplist() 
1 
var dl = db.cls.OrderBy(d => d.demo); 
List<cls> d2 = new List<cls>(); 
foreach (var d in dl) 
1 
cls d3 = new cls(); 
d3.cid = d.cid; 
string K = ""; 
for (var i = 0; i < d.demo.Length / 2 - 1; i++) 
;pl 
1 


d3.name = k + d.name; 
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d2.Add(d3); 
. 
return d2; 


} 


有 了 数据 源 ， 接 下 来 我 们 看 看 图 14-15 所 示 效 果 的 布局 是 如 何 制作 的 。 在 news/index.aspx 
中 继承 Admin.Master 母 版 页 ， 然 后 用 foreach 遍历 数据 源 ， 最 终 以 表格 形式 显示 出 来 。 部 分 代 
码 如 下 : 


<p> 
<%= Html .ActionLink ("添加 一 篇 新 的 文章 "，"Create") %> 
</p> 
<fieldset> 
<legend> 文 章 列表 </legend> 
<$%=ViewData["d"] 多 > 
<table style="width:100%"> 
<tr> 
<td colspan="6"> 
<%Html .BeginForm(); $%> 
<%=Html .DropDownList ("drop") %> 
<%= Html .SubmitButton ("搜索 ") %> 
<%Html .EndForm(); $%> 
</td> 
</tr> 
<tr> 
<th> 编 号 </th> 
<th> 标 题 </th> 
<th> 用 户 </th> 
<th> 栏 目 </th> 
<th> 发 布 时 间 </th> 
<th> </th> 
</tr> 
<$% foreach (var item in Model) 
{ %> 
< 
<td><%= Htm]l .Encode (item.nid) %></td> 
<td><%= Html .Encode (item.title) %>/td> 
<td> <%= Htm]l .Encode (item.users.name) $%> </td> 
<td> <%= Html.Encode (item.cls.name) %> </td> 
<td> <%= Html .Encode (String.Format ("{0:g}", item.ndate)) $%> 


</td> 
<td> 
<%= Html .ActionLink ("修改 "，"Edit", new { id=item.nid }) %> 


<%= Html .ActionLink ("删除 "， "delete", new { id=item.nid })%> 
</td> 
EE 
a 
< 
<td colspan="6" class="page"> 
<%=ViewData["page"] $%> 
</td> 
</tr> 
</table> 
</fieldset> 


< 
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2. 发 表 文章 


在 博客 系统 中 发 表 文章 是 博客 会 员 经 常 要 完成 的 动作 之 一 。 该 操作 映射 到 数据 库 ， 就 是 将 
博客 会 员 所 输入 的 信息 插入 数据 库 表 中 。 要 完成 该 操作 ,浏览 者 需要 进行 注册 ,注册 完成 后 进 
行 登录 就 可 以 进行 文章 添加 操作 了 。 


发 表 文 章 时 可 以 指定 新 文章 的 标题 、 所 属 栏 目 、 内 容 、 摘 要 以 及 标签 信息 。 图 14-16 为 发 
表 文 章 的 页 面 效 果 。 
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图 14-16 发 表 文章 
可 以 看 到 ， 请 求 的 Action 是 news/Create。 为 这 一 步 创 建 一 个 Action 并 添加 如 下 代码 : 
[Authorize] 
public ActionResult Create() 
{ 
var d2 = droplist(); 
ViewData["cid"] = new SelectList(d2, "cid", "name"); 


news d = new news(); 
return View(d); 


} 


上 述 代 码 中 的 ViewData["cid"] 将 作为 【栏目 】 下 拉 列 表 框 的 数据 源 。 创 建 对 应 的 视图 
news/create.aspx 文件 ， 并 根据 图 14-16 所 示 的 效果 制作 布局 ， 最 终 实 例 代码 如 下 : 
<div> 


<%=Html .ActionLink ("返回 列表 "，"Index") %> 
</div> 


<$%= Html .ValidationSummary ("Create was unsuccessful. Please correct the 
errors and try again.") %> 


<% using (Html .BeginForm()) {%> 
<$%: Html .ValidationSummary (true) %> 
<fieldset> 
<legend> 添 加 一 篇 新 的 文章 </1legend> 
<p> 
<$%= Html .Hidden ("nid") $%> 
</p> 
<p> 
<label for="title"> 标 题 :</label> 
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<$%= Html .TextBox("title") $%> 
<$%= Html .ValidationMessage ("title", "*") 多 > 
</p> 
<p> 
<label for="cid"> 栏 目 :</label> 
<%= Html .DropDownList ("cid") $%> 
</p> 
<p> 
<label for="cont"> 内 容 :</label> 
<%= Html.TextBox("cont",null, new {@style="display:none" })%> 
<iframe src="/content/editor/editor.html?id=cont" 
frameborder="0" scrolling="no" style="width:400px" height="220"></iframe> 
<$%= Html .ValidationMessage ("cont", "*") 多 > 
</p> 
<p> 
<label for="summary"> 摘 要 :</label> 
<$%= Html .TextArea("summary", new 
{@style="width:400px;height:50px;" })%> 
<$%= Html .ValidationMessage ("summary", "*") 多 > 
</p> 
<p> 
<label for="tag">Tag:</label> 
<$%= Html.TextBox("tag") 多 > 
<%= Html .ValidationMessage ("tag", "*") $%> 
</p> 
<p> 
<input type="submit™" value=" 添 加 ” /> 
</p> 
</fieldset> 
<% } $> 


在 这 里 要 注意 ， 由 于 在 输入 文章 内 容 时 使 用 了 第 三 方 的 文本 编辑 器 ， 为 了 保证 它 能 够 正常 
工作 ， 必 须 将 它 放 到 能 够 访问 的 目录 下 ， 本 实例 中 是 content 目录 。 

最 后 ， 我 们 来 看 看 在 上 述 表单 中 单 击 【 添 加 】 按 钮 之 后 执行 的 代码 。 此 时 ， 仍 然 是 请 求 
Create 动作 ， 所 不 同 的 是 以 POST 方式 执行 ， 它 获取 用 户 的 输入 并 向 News 表 中 插入 一 条 新 记 
录 。 实 现代 码 如 下 : 


[Authorize] 

[ValidateInput (false)] 
[AcceptVerbs (HttpVerbs.Post)] 
public ActionResult Create (news n) 


{ 


n.nid = SqlHelper.get ID("news", "nid"); 
n-uid = 17 
人 


n.cont = HttpContext.Server.HtmlEncode (n.cont); 
n.ndate = DateTime.Now; 
qdb .news .InsertOnSubmit (n); 
db .SubmitChanges () > 
string[] tags = "Nn.tageSplit(r')» 
foreach (var 七 in tags) 
{ 
var t2 = db.tag.Where(d => d.name == t); 
if (t2.Count() == 0) 


< 


tag tagl = new tag(); 
tagl .name = t; 
tagl.tid = SqlHelper.get ID("tag", "tid"); 
tagl.sum = 17 
db.tag.InsertOonsubmit (tag1); 
USE 


{ 
var t3 = t2.First(); 


t3.sum += 1; 
' 
qb.SubmitCchanges (); 


3 

var d2 = droplist(); 

ViewData["cid"] = new SelectList(d2, "cid", "name"); 
return View(); 


} 
\。 修改 文章 和 删除 文章 的 实现 方法 与 栏目 管理 类 似 ， 这 里 就 不 再 详细 介绍 了 。 修 改 
提示 | ”文章 对 应 的 是 Edit 动作 ， 删 除 文章 对 应 的 是 Delete 动作 。 


14.6.3 ”全 局 信息 配置 


所 谓 全 局 信息 配置 ， 就 是 指 将 网 站 的 各 种 基本 信息 保存 在 数据 库 中 ， 然 后 在 各 个 页 面 里 调 
用 它 。 如 果 某 项 信息 (例如 联系 方式 ) 需 要 变化 ， 只 需 更 新 一 下 数据 ， 整 个 网 站 中 的 所 有 引用 页 


都 将 更 新 ， 非 常 方便 。 
在 本 实例 中 ， 用 户 登 录 之 后 将 会 跳 转 到 此 页 面 ， 如 图 14-17 所 示 。 
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14-17 ”全 局 信息 配置 
可 以 看 到 ， 此 页 面 使 用 的 是 AdminController， 默 认 的 Action 是 Index， 代 码 如 下 : 


[Authorize] 
public ActionResult Index() 


{ 


var d = db.she.First(); 
return View(d); 


} 


对 应 的 视图 文件 是 Admin/Index.aspx， 数 据 来 自 she 表 。 这 里 的 具体 布局 代码 就 不 再 给 出 ， 
读者 可 以 根据 前 面 的 知识 自己 做 一 下 ， 也 可 以 参考 源 代码 。 
最 后 来 看 看 它 是 如 何 接收 数据 的 。 同 样 ， 与 前 面 的 过 程 类 似 ， 利 用 Linq To Sql 中 的 
UpdateModel0 方 法 即 可 更 新 模型 到 数据 库 。 
[Authorizel] 


[AcceptVerbs (HttpVerbs -Post) ] 


public ActionResult Index(int id, FormCollection sl1) 
{ 
Var s2 = db.she.First(d => d.id == id); 
UpdateModel(s2, new[] { "title", "keywords", "description", 
"sitename", "company", "tel" "url", "email", "qq", "beian™” }); 
db.submitChanges (); 
var d2 = db.she.First(); 
return View(d2); 


14.7 总 结 


博客 以 其 可 以 充分 利用 网 络 互动 、 更 新 及 时 的 特点 ， 让 用 户 最 快 获取 最 有 价值 的 信息 与 资 
源 ， 并 可 以 发 挥 无 限 的 表达 力 ， 及 时 记录 和 发 布 生活 故事 、 新 闻 线索 ， 以 及 与 其 他 博 友 进行 深 
度 交 流 、 沟 通 ， 发 挥 着 越 来 越 广泛 的 作用 。 

本 章 以 我 们 非常 熟悉 的 博客 为 话题 ， 逐 步 展 开 对 需求 分 析 、 功 能 分 析 、 数 据 库 设 计 、 创 建 
MVC 项 目 以 及 实现 各 个 功能 等 一 系列 过 程 的 讲解 。 

采用 ASP.NET MVC 架构 开发 整个 实例 的 流程 非常 清晰 ， 避 免 了 重复 开发 。 例 如 ， 使 用 母 
版 页 有 效 降低 HTML 的 工作 量 ， 实 现 快速 更 新 。 另 外 借助 Linq To Sql 实体 ， 在 整个 MVC 项 
目 中 不 需要 Models 层 就 完全 能 够 很 好 地 工作 。 

最 后 要 提示 读者 ， 在 使 用 第 三 方 文本 编辑 器 时 ， 可 能 会 抛 出 “输入 的 HTML 代码 有 潜在 
危险 ”的 提示 。 解 决 的 办 法 是 在 Web.config 的 system.web 下 添加 如 下 代码 : 


<httpRuntime requestValidationMode="2.0" /> 


之 后 设置 pages 的 validateRequest 属性 为 false 即 可 。 


< 
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内 容 摘要 

近年 来 ， 随 着 电子 产品 彼此 间 的 竞争 日 趋 激烈 ， 信 息 技术 在 企业 的 发 展 中 占据 着 越 来 越 重 
要 的 地 位 。 在 电子 产品 的 系统 设计 上 ， 电 子 通讯 录 的 设计 已 经 成 为 不 可 或 缺 的 一 部 分 ， 为 各 种 
信息 的 查询 工作 提供 了 重要 的 依据 。 

通讯 录 软 件 设 计 的 灵感 来 源 于 生活 和 工作 中 的 需求 。 如 今 ， 随 着 社会 的 飞速 发 展 ， 信 息 时 
代 改 变 着 人 们 的 各 种 生活 方式 。 人们 的 联系 信息 和 联系 方式 变 得 复杂 而 多 样 化 ， 以 前 所 使 用 的 
各 种 电话 簿 、 通 讯 本 等 小 册子 ， 由 于 查找 不 方便 、 功 能 单一 等 缺陷 已 经 无 法 胜任 它 的 “时 代 使 
命 ”， 而 现在 各 种 手机 、 商 务 通 内 设 的 电话 簿 ， 尽 管 携带 方便 却 又 挥 之 不 去 其 “记录 量 少 , 界 
面 小 ， 浏 览 不 方便 ”的 缺点 。 工 作 中 看 到 有 些 人 巧妙 地 利用 Excel 或 者 Word 制 表格 来 建立 通 
讯 录 ， 每 连用 时 再 打开 ， 可 是 查找 极其 不 方便 ， 维 护 起 来 也 麻烦 。 

通讯 录 系统 设计 ， 它 的 内 容 对 于 电子 产品 来 说 是 至 关 重 要 的 。 通 讯 录 系 统 能 够 为 电子 产品 
的 使 用 者 提供 充足 的 信息 和 快捷 的 查询 手段 。 用 ASPNET MVC 框架 构建 的 通讯 隶 系统， 能 够 
实现 对 通讯 录 信 息 的 增加 、 删 除 和 编辑 等 操作 。 本 系统 设计 合理 、 操 作 方便 、 运 行 稳定 、 功 能 
完备 ， 具 有 较 高 的 使 用 价值 。 


学 习 目标 

@ 了 解 并 掌握 控制 器 与 视图 间 的 数据 传递 
了 解 如 何 规定 页 面 的 访问 形式 

了 解 并 掌握 Authorize 过 滤器 的 使 用 
了 解 并 掌握 Html.ActionLink 方法 的 使 用 


15.1 系统 分 析 


通讯 录 系统 是 典型 的 信息 管理 系统 (Management Information System，MIS)， 其 开发 主要 包 
括 后 台数 据 库 的 建立 和 维护 以 及 前 端 应 用 程序 的 开发 两 个 方面 。 对 于 前 者 要 求 建立 起 数据 一 臻 
性 和 完整 性 强 、 数 据 安全 性 好 的 数据 库 ， 而 对 于 后 者 则 要 求 应 用 程序 具备 功能 完备 、 易 使 用 等 

通讯 录 系统 的 功能 是 管理 自己 的 通讯 录 ， 要 求 能 对 通讯 录 中 的 记录 信息 进行 增加 、 删 除 和 
编辑 操作 ， 能 够 浏览 联系 人 的 基本 信息 ， 可 以 查看 及 上 传 照片 等 。 


15.1.1 开发 及 运行 环境 


本 系统 所 使 用 的 系统 开发 平台 为 Windows XP，Web 服务 器 为 IS， 数 据 库 服务 器 为 
Microsoft SQL Server 2008, 开发 工具 采用 了 Visual Studio 2010, 技术 架构 为 ASP.NET MVC 2。 


15.1.2 ”功能 模块 设计 


通讯 录 系 统一 般 分 为 用 户 登录 模块 、 用 户 管理 模块 、 照 片 管理 模块 、 权 限 分析 模 块 、 留 言 
本 管理 模块 等 5 个 模块 ， 如 图 15-1 所 示 。 


通讯 录 系 统 


用 月 照 权 重 
户 户 片 限 总 
全 管 管 分 杰 
录 理 再 本 午 
共 模 术 模 四 
1 块 块 块 块 区 


15-1 ”通讯 录 管理 模块 


用 户 登 录 模块 ， 用户 登录 界面 和 修改 密码 。 

用 户 管理 模块 : 用 户 注册 、 删 除 和 编辑 。 
照片 管理 模块 : 照片 上 传 、 删 除 和 编辑 。 
权限 分 析 模 块 : 用 户 身份 验证 。 
留言 本 管理 模块 : 留言 信息 添加 、 删 除 和 编辑 。 


15.1.3 数据库 设 计 
数据 库 设计 是 根据 用 户 的 需求 ， 在 某 一 具体 的 数据 库 管理 系统 上 ， 设计 数据 库 的 结构 和 建 


m= >> 


第 15 章 ”通讯 录 系 统 
立 数据 库 的 过 程 。 本 系统 包含 3 张 基本 的 数据 表 : User 表 ( 用 户 表 )、LeaveBook 表 ( 留 言 本 表 ) 
和 Img 表 ( 照 片 表 )。 
1. User 表 
User 表 用 于 保存 通讯 录 中 的 用 户 信息 。 例 如 用 户 名 、 密 码 等 ， 具 体 如 表 15-1 所 示 。 
表 15-1 User( 用 户 ) 表 


字 段 数据 类 型 说 明 
Id i 用 户 编号 
Name nvarchar(30) 姓名 
Password 密码 
Mobile a 手机 号 
Phone varchar(30) 电话 号 码 
QQ varchar(30) QQ 号 码 
Email Varchar(50 电子 邮箱 


Compan 公司 名 称 
Address 联系 地 址 
RegTime 注册 时 间 
LastActiveTime 最 后 访问 时 间 
LastActiveIp 最 后 访问 卫 
Headme 头像 

lLock | | 是 再 包 定 


2. LeaveBook 表 


LeaveBook 表 用 于 保存 用 户 的 留言 信息 。 例如 标题 、 留 言 内 容 、 留言 用 户 等 , 具体 如 表 15-2 
所 示 。 
表 15-2 LeaveBook( 留 言 本 ) 表 


字 段 说 明 

Id 
Title 
[Content] ntext 
AddTime datetime 
Ip varchar(30) 
UserId int 

3. Img 表 


Img 表 用 于 保存 用 户 上 传 的 照片 信息 。 例 如 标题 、 上 传 者 、 上 传 时 间 等 ， 具 体 如 表 15-3 
所 示 。 


< 


表 15-3 Img( 照 片 ) 表 


字 段 数据 类 型 说 明 
Id i 图 片 编号 
Title 标题 
[Content] 备注 
FileName 上 传 者 
AddTime i 上 传 时 间 
Ue EE 


15.2 ”系统 具体 实现 


通讯 录 系 统 主要 包括 以 下 几 个 功能 模块 。 
用 户 登录 模块 ”输入 用 户 名 和 密码 。 
用 户 管理 模块 ”添加 、 修 改 和 删除 用 户 。 
通讯 录 信 息 添加 模块 不 重复 添加 。 

息 删除 模块 ”确认 是 否 删除 。 

录 信 息 修改 模块 。 

权限 分 析 模 块 ” 用 户 身份 验证 。 


15.2.1 用 户 登 录 模 块 


用 户 登 录 模 块 是 用 户 进入 后 台 管 理 界面 的 唯一 通道 ， 如 果 该 用 户 没有 注册 ， 那 么 可 以 进入 
注册 界面 进行 注册 。 用 户 登录 模块 的 流程 图 如 图 15-2 所 示 。 


注册 


用 户 名 或 密码 不 正确 


三 正确 -一 一 密 加 | 


| 登录 成 功 | | 请 输入 密码 | 


图 15-2 用 户 登录 流程 图 
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下 面 介绍 用 户 登 录 模块 的 具体 实现 过 程 。 
1. 登录 界面 


登录 界面 用 于 用 户 登 录 本 系统 ， 有 用 户 名 和 密码 的 可 以 直接 登录 。 用 户 登 录 时 ， 验 证 用 户 
输入 的 用 户 名 和 密码 是 否 正确 ， 如 果 正 确 便 登录 成 功 ， 如 果 用 户 名 或 密码 不 正确 ， 提 示 “ 用 户 
名 或 密码 错误 ”; 如 果 密 码 为 空 ， 就 提示 “请 输入 密码 ”。 

(D 创建 一 个 ASPNET MVC 2 Web 应 用 程序 ， 名 称 为 MVC_addressBook。 

(2) 在 Web.config 文件 中 设置 数据 库 连接 字符 串 ， 关 键 代码 如 下 : 


<add name="tongxunluSqlServer" connectionString="Data Source=.;Initial 
Catalog=sanqi;User ID=sa;Password=123456" 
providerName="System.Data.SqlClient"/> 


(3) 在 Views/Shared 文件 夹 下 ， 有 一 个 母 版 页 Site Master， 下 面 设 计 这 个 母 版 页 ， 作 为 整 
个 系统 的 模板 。body 元 素 里 面 的 代码 如 下 : 


<div class="header"> 
<h1> 通 讯 录 系统 </h1> 
</div> 
<div id="logindisplay"> 
<% Html.RenderPartial ("LogOnUserControl"); $%> /1/ 引 用 用 户 控 件 
</div> 
<div class="navigation"> 
<%= Html .ActionLink(" 首 页 ",，"Index"，"Home")%> 
<$%= Html.ActionLink(" 照 片 "，"Index", "Img")%> 
<%= Html .ActionLink ("留言 本 "，"Index",，"LeaveBook") %$> 
<%= Html.RctionLink(" 关 于 "， "Rbout"，"Home")s> 
<div class="clearer"><span></span></div> 
</div> 
<div class="container"> 
<asp:ContentPlaceHolder ID="MainContent" runat="server"> 


</asp:ContentPlaceHolder> 
</div> 


引用 Content 文件 夹 下 的 default.css 文件 ， 效 果 如 图 15-3 所 示 。 


[局 + ] 拆 仓 | 回 源 | 


图 15-3” 母 版 页 设计 图 
(4) 在 Views/Account 文件 夹 下 ， 应 用 程序 自 带 了 一 个 用 户 登 录 界 面 LogOn.aspx， 但 是 还 


ES 
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需要 修改 ， 页 面 代码 如 下 : 


<h2> 用 户 登 录 </h2> 
<p> 
请 输入 您 的 姓名 和 密码 . 如果 您 没有 账号 请 单 击 这 里 <$= Html .ActionLink ("注册 "， 
"Register") s> . 
</p> 
<%= Html .ValidationSummary(".") 名 > 
<span style="color: Red;"> 
<%=Htm] .Encode (TempData["message"]) %></span> 
<% using (Html.BeginForm()) { %> 


<div> 
<fieldset> 

<legend> 用 户 登录 </legend> 

<p> 
<label for="username"> 姓 名 :</label> 
<%= Html.TextBox("username") %> 
<$%= Html .ValidationMessage ("Name") $> 

</p> 

<p> 
<label for="password"> 密 码 :</label> 
<%= Html.Password("password") $%> 
<%= Html .ValidationMessage ("password") 多 > 

</p> 

<p> 


<%= Html .CheckBox ("rememberMe") %> <label class="inline" 
for="rememberMe"> 记 住 密码 ?</label> 
</p> 
<p> 
<input type="submit" value=" 登 录 " /> 
</p> 
</fieldset> 
</div> 
< 


(5) 在 Models/Models 文件 夹 下 添加 一 个 用 户 类 User， 用 于 记录 用 户 信息 , 例如 用 户 编 号 、 
用 户 名 和 密码 等 。 


(6) 判断 用 户 登 录 ， 在 Account 控制 器 下 实现 如 下 代码 : 


[AcceptVerbs (HttpVerbs.Post)] 


public ActionResult LogOn (string userName, string password, bool rememberMe, 
string returnUrl) 
{ 

if (ValidateLogOn (userName, password)) // 验 证 用 户 是 否 通 过 

1 


if (AllService.IsLogin(userName, password)) // 验 证 用 户 是 否 存 在 
{ 

FormsAuth.SignIn (userName, false); // 用 户 未 登录 

if (!String.IsNullOrEmpty (returnUrl)) 

return Redirect (returnUrl); 

} 

else 

于 


return RedirectToaction ("Index"，"Home") ;// 跳 转 到 用 户 列表 界面 
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} 
} 
else 
上 
TempData["message"] = "用 户 名 或 密码 错误 "; // 提 示 信 息 
return View(); 
} 
} 
return View(); 


运行 程序 ， 效 果 如 图 15-4 所 示 。 


稻 " 辐 -一 各 ”机 中” 安生 加 ”I 有 -大 


用 户 登 录 
请 久 入 个 多 姓名 和 只 码 _ 加 采信 没有 内 号 这 扩 击 这 时 广 册 


用 户 谷 录 


15-4 ”用 户 登录 界面 
2. 注册 界面 


新 用 户 注 册 ， 输 入 用 户 名 和 密码 ， 单 击 【注册 】 按 钮 ， 判 断 用 户 是 否 存在 。 在 Account 控 
制 器 下 注册 的 动作 方法 如 下 : 
[acceptVerbs (HttpVerbs.Post)] 


public ActionResult Register (string Name, string Password) 


{ 


if (ValidateRegistration (Name, Password)) // 验 证 用 户 是 否 通 过 
， User user = new User { Name = Name, Password = Password, LastActiveIp 
让 if (!AllService.IsExistUser (Name)) // 判 断 用户 是 否 存在 
if (AllService.RegUser (user)) // 注 册 用 户 
l FormsAuth.SignIn (Name, false); // 用 户 未 登录 
TempData["message"] = "恭喜 ， 注 册 成 功 "; // 提 示 信 息 


return RedirectToAction("Index"，"Home");  // 页 面 跳 转 


< 人 
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else 
nL 
Modelstate.AddModelError (”FORM"，" 注 册 失 败 ! ") ; / /提示 注 册 失 败 

» 

else 

{ 
ModelState.AddModelError ("” FORM"， "该 姓名 已 经 被 注册 ! ") ; 

} 

return View(); // 如 果 注 册 失 败 的 话 继续 待 在 这 个 页 面 
} 


用 户 注册 页 面 如 图 15-5 所 示 。 


回回 | 区 | 
_ 回 8|[|[x] 
本 各 ”可 而 中” 安富 ”工具 册 ”着 


15-5 用户 注 册 界面 


3。 修改 密码 
用 户 登 录 之 后 ， 可 以 修改 自己 的 密码 。 在 Account 控制 器 下， 修改 密码 的 动作 方法 如 下 : 
[Authorize] //Authorize 过 滤器 
[AcceptVerbs (HttpVerbs .Post)] // 设 置 以 POST 方式 被 访问 
» public ActionResult ChangePassword(string oldPassword, string newPassword, 
» string confirmPassword) 


{ 
if (!ValidateChangePassword(oldPassword, newPassword, confirmPassword) ) 
// 验 证 密码 不 通过 
中 
return View() 
} 
else 
| 
try 
4 
if (AllService.ChangePassword(User.Identity.Name, oldPassword, 
newPassword)) 


// 验 证 密码 通过 
下 


Modelstate.AddModelError ("”_EFORM"， "密码 修改 成 功 .") ; 


第 15 章 通讯 录 系 统 


return View(); 


else 


"您 输入 的 新 密码 出 错 .") ; 


ModelState.AddModelError (™ FORM", 
return View(); 
} 


下 
catch (Exception) 


{ 
ModelSstate.AddModelError (”FORM"，,，" 您 输入 的 密码 出 错 或 新 密码 非法 .") ; 


return View(); 


是 加 加 
”加 Bix 
答 - 回 - 呈 各 ”TD TW 人 


修改 用 户 密码 页 面 如 图 15-6 所 示 。 


Change Password 
Use the form below to change your Passwerd 


Account Informauon 
且 窜 旬 


15-6 ”密码 修改 界面 


15.2.2 ”用 户 管理 模块 
通讯 录 系 统 的 用 户 管理 模块 包括 编辑 和 删除 用 户 信 息 ， 主 要 是 对 联系 人 的 信息 进行 管理 。 


用 户 登 录 成 功 之 后 ， 将 进入 用 户 管理 界面 。 

下 面 介绍 用 户 管理 功能 的 具体 实现 过 程 。 

(1) Home 控制 器 下 的 动作 方法 为 mdex， 用 来 从 数据 库 中 获取 通讯 录 中 联系 人 的 信息 ， 首 
先 读 取 数 据 信息 ， 并 保存 在 集合 列表 中 ， 实 现代 码 如 下 : 

public IList<User> GetUserList() 


IList<User> list = new List<User>(); 


string sql = "select 
[Id], [Name], [Mobile], [Phone], [QQ], [Email], [Company], [Address], [RegTime], [La 


stActiveTime], [LastActiveIp], [HeadImg] from [User] order by [Id] desc"; 


using (SqlDataReader rdr = 
SqlHelper .ExecuteReader (SqlHelper.ConnectionSstring, CommandType.Text, sql, 


null)) 
< 
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while (rdr.Read()) 
list.Add (new User { Id = rdr.GetInt32(0), Name = rdr.GetString(1)，Mobile 
= rdr.Getstring(2), Phone = rdr.GetSstring(3), QQ = rdr.GetSstring(4), 
Email = rdr.Getstring(5), Company = rdr.Getstring(6), Address = rdr. 
Getstring(7), RegTime = rdr.GetDateTime (8), LastActiveTime = rdr. 
GetDateTime (9), LastActivelIp = rdr.GetString(10), HeadImg = rdr. 
Getstring(11) }); 
} 

3 

return list; 


(2) 在 Home 控制 器 的 Index 动作 方法 中 获取 集合 列表 list， 并 将 它 传递 给 视图 ， 实 现代 码 
如 下 : 


[Authorize] 

public ActionResult Index() 

{ 
IList<User> userList = AllService.GetUserList(); 
return View(userList); 


(3) 在 Views/Home 文件 夹 下 的 Index 视图 中 接收 从 Home 控制 器 动作 方法 Index 传 过 来 的 
数据 list， 数 据 模型 类 是 User， 所 以 要 将 页 面 的 Inherits 属性 值 设置 如 下 : 
System.Web.Mvc .ViewPage<IEnumerable<MVC addressBook.Models.Models.User>> 
页 面 中 接收 用 户 数据 的 代码 如 下 : 
<h2> 用 户 列表 </h2> 


<span style="color: Red;"> 
<%=Html .Encode (TempData["message"]) $%></span> 
<table> 
<tr> 
<th> 
Name 
</th> 
<th> 
Mobile 
</th> 
<th> 
Company 
</th><th> 
</th> 
</tr> 
<$ foreach (var item in Model) 
{ $> 
<tr> 


<td> 
<S%= Html .Encode (item.Name) $> 
</td> 
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<td> 
<s= Html.Encode (item.Mobile) s> 
</td> 
<td> 
<%= Html.Encode (item.Company) s> 
</td> 
<td> 
<%= Html .ActionLink ("编辑 ",，"Edit", new { id=item.Id }) $%> 
| 
<%= Html .ActionLink ("详细 "，"Details", new { id = item.Id })%> 
</td> 
</tr> 
<% } %> 
</table> 


页 面 效果 如 图 15-7 所 示 。 
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TD A EN 


<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" 
Inherits="System.Web.Mvc.ViewPage<MVC addressBook.Models.Models.User>" 多 > 


显示 要 编辑 的 用 户 信 息 ， 例 如 显示 用 户 编号 ， 实 现代 码 如 下 : 


<div class="editor-label"> 
<%: Html.LabelFor (model => model.Id) $%> 
</div> 
<div class="editor-field"> 
<%: Html .TextBoxFor (model => model.1d) $%> 
<%: Html.ValidationMessageFor (model => model.Id) %> 
</div> 


人 就 会 回 到 用 户 列表 的 界面 。 使 用 Html.ActionLink0 方 法 可 以 实现 


页 面 跳 


<gs: Html.ActionLink ("返回 列表 "，"Index") $> 


Eee | 
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(5) 单 击 “ 详 细 ” 链 接 即 可 查看 该 用 户 的 详细 信息 。 例 如 查看 用 户 编号 和 用 户 名 等 ， 可 以 
用 Html.Encode0 方 法 获取 数据 信息 ， 代 码 如 下 : 


<P> 

Id: 

<%= Html .Encode (Model.Id) 和 > 
</p> 


<%= Html .Encode (Model.Name) $%> 
</p> 


页 面 效 果 如 图 15-9 所 示 。 


图 15-9 查看 用 户 详细 信息 


15.2.3 ”照片 管理 模块 


照片 管理 模块 主要 用 于 上 传 、 编 辑 和 删除 用 户 照 片 。 


Eee > 
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下 面 介绍 照片 管理 功能 的 具体 实现 过 程 。 
(1) 在 该 系统 中 ，Img 控制 器 下 的 Index 动作 方法 用 于 获取 照片 的 信息 ， 并 将 这 些 信息 显 
示 在 对 应 的 mdex 视图 中 。 动 作 方法 Index 的 实现 代码 如 下 : 


[Authorize] 
public ActionResult Index(int? id) 
{ 
int rsCount = AllService.ImgCount (); 
int PageCount = AllService.ImgPageCount (); 
TE (id == nL Dd < 1 Ld = 1 
if (id > PageCount) id = PageCount; 
int PageNow = int.Parse(id.ToString()); 
IList<Img> imgList = AllService.GetImgList (PageNow); 
ViewData["page"] = PageString.strPage (PageNow, PageCount, rsCount, "Index", 
"Img"); 
return View(imgList); 


} 
(2) 在 Index 视图 中 显示 照片 的 所 有 数据 ， 例 如 获取 缩 略 图 、 标 题 等 ， 页 面 实现 代码 如 下 : 


<h2> 照 片 列表 </h2> 
<table> 
<tr> 
<th> 
缩 列 图 
</th> 
<th> 
标题 
</th> 
<th> 
上 传 时 间 
</th> 
<th> 
上 传 用 户 
</th> 
<th> 
</th> 
</tr> 
< foreach (var item in Model) 
{ $> 
<tr> 
<td> 
<img alt="" src='/Content/uploadImage/<s=item.EFileNames>" 
style="border:solid 2px #ccffff; width:100px; height:80px;"></img> 
</td> 
<td> 
<%= Html .Encode (item.Title) 名 > 
</td> 
<td> 
<%= Html.Encode (String-.EFormat ("{0:g}", item.AddTime)) $%> 
</td> 
<td> 
<S%= Html .Encode (item.UserName) $> 
</td> 
<td> 


< 
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<$= Html .ActionLink ("详情 ",，"Details", new { id=item.Id })s> 
</td> 
x/tr> 
< 和 } 各 > 
</table> 
页 面 显示 效果 如 图 15-10 所 示 。 
(3) 单 击 “ 详 情 ” 链 接 ， 即 可 查看 该 条 数据 的 详细 信息 ， 例 如 在 页 面 中 获取 照片 的 标题 ， 
其 实现 代码 如 下 : 


<div class="display-label">Title</div> 
<div class="display-field"><%: Model.Title %></div> 


页 面 效果 如 图 15-11 所 示 。 


图 15-10 照片 列表 15-11 查看 照片 详细 信息 


(4) 返回 照片 列表 ， 单 击 列表 下 面 的 “我 要 上 传 图 片 ”链接 ， 即 可 进入 上 传 图 片 界 面 一 一 
Create 视图 ， 代 码 如 下 : 


<p> 
<%= ViewData["page"] %> 
</p> 
<p> 
<s= Html .ActionLink ("我 要 上 传 图 片 "，"Create") %> 
</p>Html .ActionLink ("Back to List", "Index") $%> 
? </p> 


(5) 在 Img 控制 器 下 的 Create 动作 方法 ， 用 于 判断 上 传 图 片 是 否 成 功 ， 验 证 用 户 上 传 照片 
的 条 件 ， 其 实现 代码 如 下 : 


[Authorize] 
[AcceptVerbs (HttpVerbs.Post)] 
public ActionResult Create (HttpPostedFileBase uploadpic) 
时 
try 
1 
if (uploadpic != null) 
{ 


HttpPostedFileBase file = Request.Files[0]; 

string FileName = UpLoadImg .UpLoadPic (file); 

if (FileName.IndexOf ("错误 ") > -1) // 出 现 错误 时 ，alert 错误 
{ 


ViewData["Error"] = FileName; 
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return View(); 
} 
else 
€ 
Img img = new Img(); 
img.Title = Request.Form["Title"]; 
img.Content = Request.Form["Content"]; 
img.FileName = FileName; 
img.UserId = AllService.GetUserId (User.Identity.Name); 
if (AllService.SaveImg (img)) 
TempData["message"] = "上 传 图 片 成 功 "; 
return RedirectToAction("Index", "Img"); 


else 


{ 
ViewData["Error"] = "数据 库 写 入 失败 "; 


return View(); 


* 
} 
else 
{ 
ViewData["Error"] = "请 选择 图 片 "; 
return View(); 
. 
//return RedirectToAction("Index"); 
} 
catch (Exception ex) 
{ 
TempData["message"] = "非法 输入 或 系统 错误 :" + ex.Message; 
return RedirectToAction("Error", "Home"); 
//return View(); 


上 传 图 片 页 面 如 图 15-12 所 示 。 


<—— 


15.2.4 ”权限 分 析 模 块 


权限 分 析 模 块 主要 包括 判断 用 户 的 访问 权限 , 在 ASP.NET MVC 框架 中 ,可 以 用 过 滤器 来 
设置 用 户 的 访问 权限 。 例 如 ， 在 该 系统 中 频繁 使 用 的 过 滤器 就 是 Authorize 和 AcceptVerbs。 
AnuthorizeAttribute 是 ASPNET MVC 默认 的 授权 过 滤器 ， 可 以 使 用 它 来 限制 对 动作 方法 的 
访问 。 将 该 特性 运用 到 控制 器 上 ， 可 以 迅速 将 其 运用 到 每 个 动作 方法 中 。 
在 运用 该 过 滤器 时 需要 牢记 如 下 内 容 。 
@ ”在 运用 该 特性 时 , 可 以 指定 一 个 逗号 来 划分 角色 (Role) 或 用 户 (User) 的 列表 。 如 果 指 定 
了 一 个 角色 的 列表 , 那么 为 了 执行 动作 方法 , 用 户 必 须 是 其 中 一 个 角色 的 成 员 。 同样 ， 
如 果 指 定 了 一 个 用 户 列表 ， 那 么 当前 用 户 的 名 称 必 须 在 该 列表 中 。 
@ 如 果 没 有 指定 任何 角色 或 用 户 ， 那 么 为 了 调用 动作 方法 ， 必 须 验 证 当前 用 户 。 这 是 阻 
止 非 验 证 用 户 访问 特殊 控制 器 动作 的 一 个 简单 方法 。 
@@ ”如果 用 户 试图 访问 运用 了 该 特性 的 动作 方法 且 在 授权 检查 中 失败 , 那么 过 滤器 将 引发 
服务 器 返回 一 个 401 Unauthorized 的 HTTP 状态 代码 。 
@ ”对 于 启用 了 表单 验证 且 在 web.config 中 指定 了 注册 URL 的 情形 ，ASP.NET 将 处 理 该 
响应 代码 ， 并 将 用 户 重新 引 向 注册 页 面 。 这 是 ASPNET 已 有 的 行为 ， 对 于 ASP.NET 
MVC 也 不 是 新 鲜 事物 。 
在 该 系统 中 , Authorize 过 滤器 没有 指定 任何 角色 或 用 户 , 那么 每 个 用 户 只 可 以 对 自己 的 信 
息 进行 操作 ， 而 对 其 他 用 户 的 信息 只 可 以 浏览 ， 不 可 以 修改 。 
AcceptVerbs 过 滤器 用 来 设置 用 户 的 访问 方式 ， 包 括 POST 及 GET。 


15.2.5 留言 本 管理 模块 


留言 本 管理 模块 主要 包括 对 留言 信息 的 添加 、 编 辑 和 删除 操作 。 在 通讯 录 系 统 中 ， 每 个 联 
系 人 都 可 以 留言 ， 这 样 所 有 的 联系 人 都 可 以 看 到 留言 信息 。 

下 面 介绍 留言 本 管理 功能 的 具体 实现 过 程 。 

(1) 从 数据 库 中 读 取 留 言 本 里 的 所 有 留言 信息 ， 并 保存 在 集合 列表 中 ， 实 现代 码 如 下 : 


public IList<LeaveBook> GetLeaveBookList (int StartIndex, int EndIndex) 
;| 

IList<LeaveBook> list = new List<LeaveBook>(); 

string sql = "select Id,Title,Content,AddTime, Ip, UserId,UserName from(select 
row number () over (order by 1.Id desc) as 
row num,l. [Id] ,1. [Title]l,1. [Content],1. [AddTime],1. [Ip],1. [UserId],u. [Name] 
as UserName from [LeaveBook] 1 join [User] uonu. [Id]=1. [UserId]) t where row num 
between @StartIndex and @EndIndex"; 

SqlParameter[] Param = new SqlParameter[] { new SqlParameter ("@StartIndex", 
SqlDbType.Int), new SqlParameter ("@EndIndex", SqlDbType.Int) }; 

param[0] .Value = StartIindex; 

param[l1] .Value = EndIndex7 

using (SqlDataReader rdr = 
SqlHelper .ExecuteReader (SqlHelper.ConnectionSstring, CommandType.Text, sql, 
Param) ) 


m3 >> 
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{ 
while (rdr.Read()) 
{ 
list.Add (new LeaveBook { Id = rdr.GetInt32(0), Title = rdr.GetString(1), 
Content = rdr.GetSstring (2), AddTime = rdr.GetDateTime (3), Ip = rdr.GetSstring (4), 
UserId = rdr.GetInt32(5), UserName = rdr.Getstring(6) }); 
} 
} 
return list; 


} 
(2) 在 Views/LeaveBook 文件 夹 下 的 Index 视图 中 显示 所 有 留言 信息 ， 实 现代 码 如 下 : 


<h2> 留 言 本 </h2> 
<span style="color: Red;"> 
<$%=Htm]l .Encode (TempData["message"]) gs></span> 
<table> 
<tr> 
<th> 
Id 
</th> 
<th> 
Title 
</th> 
<th> 
AddTime 
</th> 
<th> 
Ip 
</th> 
<th> 
UserName 
</th> 
<th> 
</th> 
</tr> 
<$% foreach (var item in Model) 
{ $> 
<tr> 
<td> 
<%= Html .Encode (item.Id) $%> 
</td> 
<td> 
<%= Html .Encode (item.Title) $%> 
</td> 
<td> 
<%= Html .Encode (String.Format ("{0:g}", item.AddTime)) $%> 
</td> 
<td> 
<%= Html .Encode (item.IP) 当 > 
</td> 
<td> 
<%= Html .Encode (item.UserName) $> 
</td> 
<td> 
<%= Html .RARctionLink(" 详 情 "，"Details"，new { id = item.Id })%> 


< 
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</td> 
</Etr> 

< FS 
</table> 


(3) LeaveBook 控制 器 下 的 Index 动作 方法 用 于 获取 数据 库 中 所 有 的 留言 信息 , 并 把 这 些 信 
息 传递 到 Index 视图 中 ， 实 现代 码 如 下 : 


[Authorize] 

public ActionResult Index(int? id) 

{ 
int rsCount = AllService.LeaveBookCount (); 
int PageCount = AllService.LeaveBookPageCount (); 
if (id == null || id < 1) id = 1; 
if (id > PageCount) id = PageCount; 
int PageNow = int.Parse(id.ToString()); 
ViewData["page"] = PageString.strPage (PageNow, PageCount, rsCount, 

"Index", "LeaveBook"); 

IList<LeaveBook> leaveBookList =AllService.GetLeaveBookList (PageNow); 
return View(leaveBookList); 


} 
页 面 效 果 如 图 15-13 所 示 。 


i 图 15-13 留言 本 管理 列表 
(4) 单 击 “ 详 情 ” 链 接 ， 即 可 查看 留言 的 详细 信息 。 例 如 显示 留言 的 标题 、 内 容 等 ， 其 实 
现代 码 如 下 : 
<p> 
PitLles 
<%= Html .Encode (Model.Title) $> 
</p> 
<p> 
Content: 
<%= Html .Encode (Model .Content) %> 
</p> 


页 面 效 果 如 图 15-14 所 示 。 


m—— > 
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图 15-14 留言 详情 界面 
(5) 单 击 “ 返 回 留言 列表 ”， 即 可 放弃 留言 页 面 返回 留言 列表 页 面 ， 其 实现 代码 如 下 : 
<%=Html .ActionLink ("返回 留言 列表 "，"Index") $> 


(6) 在 留言 列表 页 面 显示 “我 要 留言 ”的 链接 ， 单 击 “ 我 要 留言 ”就 会 跳 转 到 留言 页 面 ， 
里 面 有 留言 标题 文本 框 、 留 言 内 容 文本 域 和 一 个 【提交 】 按 钮 。 留 言 页 面 如 图 15-15 所 示 。 


15-15 ”留言 页 面 


(7) 单 击 【 提 交 】 按 钮 ， 留 言 信 息 将 被 保存 到 数据 库 中 ， 这 个 提交 动作 就 是 控制 器 动作 
Create， 实 现代 码 如 下 : 


[Authorize] 
[AcceptVerbs (HttpVerbs .Post) ] 
public ActionResult Create (FormCollection colleciton) 
{ 
try 
{ 
string UserIP = GetClientIP(); 
int UserId = AllService.GetUserId (User.Identity.Name); 


Er | 
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LeaveBook leaveBook = new LeaveBook() 


leaveBook.Ip = userIp; //ip 地 址 
leaveBook.UserId = UserId; // 用 户 编号 
leaveBook.Title = Request.Form["title"]; // 获 取 留 言 标题 


leaveBook.Content = Request.Form["content"]; // 获 取 留 言 内 容 
if (ValidationLeaveBookCreate (leaveBook.Title, leaveBook.Content)) 


// 验 证 留言 标题 和 内 容 是 否 符合 条 件 
证 


if (AllService.SaveLeaveBook (leaveBook)) // 验 证 该 标题 是 否 存 在 


TempData["message"] = "留言 成 功 !"; 
return RedirectToAction("Index"); 


} 
else 


是 


Modelstate.AddModelError (”FORM"，" 留 言 失败 ."); 


return View(); 
. 
} 
return View(); 
} 
catch (Exception ex) 


1! 


TempData["message"] = "非法 输入 :" + ex.Message; 


return RedirectToAction ("Error", 


//return View(); 


15.3. 总 


"Home"); 


结 


日 益 繁多 的 人 际 交 往 使 得 我 们 很 难 记忆 与 每 个 人 之 间 的 联系 方式 , 特别 是 对 经 常 出 差 的 人 
来 说 ， 更 难 ， 所 以 通讯 录 能 够 便捷 地 给 我 们 带 来 所 需要 的 相关 信息 。 随 着 计算 机 的 普及 ， 人 和 人们 
的 生活 摆脱 了 传统 式 的 记事 本 、 电 话 夭 ， 广 泛 地 使 用 计算 机 来 帮助 人 们 记 住 这 些 事情 ,极其 简 
便 。 那 么 通过 使 用 通讯 录 系 统 ， 用 户 可 以 方便 地 查阅 自己 所 需要 的 信息 ， 而 不 用 再 颇 费 周折 翻 


看 那些 繁琐 的 记事 本 。 


通讯 录 系统 是 一 个 专门 针对 储存 用 户 联系 方式 以 及 一 些 简单 个 人 信息 的 系统 , 它 提供 了 用 


户 对 众多 客户 、 朋 友和 同事 等 个 人 信息 的 储存 以 及 快速 查阅 的 功能 ， 


轻 了 用 户 记忆 负担 。 


大 大 节省 了 查找 时 间 ， 减 
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